Font Source Sans Pro vs Source Sans 3 - Font nicht gefunden / auswählbar

[lmader]

Hallo zusammen,

ich habe gerade nach der Anleitung die gewählten Fonts vom Design herunter geladen.
Beim Fairplay display font hat alles geklappt.

Der Source Sans PRO macht mir Probleme. Der ist auf Google nur als Source Sans 3 verfügbar und wenn ich dann das css und die Dateien reinlade, geht es nicht - Offensichtlich

Wo finde ich denn den Pro als Download mit validem CSS oder wie kann ich den 3er so umstellen, dass ich ihn nutzen kann?
Denn im Theme designer wird der 3er nach dem Upload und CSS nicht zur Auswahl angeboten.

Merci!

Edit:
Also wäre es die feine englische Art, wenn ich dann im customize.css folgenden Block anlege?

html, body {
font-family: "Source Sans 3";
font-weight: 400;
}

Im Browsertool sieht das halt dann schrecklich aus, wenn er einmal zieht und einmal failed.

[Tim]

Ja, Google hat die mehrfach umbenannt. Einfach bei der alten Bezeichnung bleiben in der @font-face Definition.
font-family: 'Source Sans Pro'

[tschero]

Moin,

evtl. stimmt Dein CSS nicht ganz.
Hier mal ein Beispiel, wie ich die etwas älteren "Source Sans pro"-Dateien einbinde.

/* source-sans-pro-200 - latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 200;
src: url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-200.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-200.woff') format('woff'), /* Modern Browsers */
url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-200.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-200 italic - latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 200;
src: url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-200italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-200italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-200italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

Grüße