Ich versuche Source Sans Pro Schrift auf meiner Website auf Geräten, die nicht über die Schriftart selbst verfügen. Ich hatte dieses Problem in der Vergangenheit, bin aber nie wirklich auf den Grund gegangen.Meine Schriftart funktioniert nicht auf allen Geräten
Dies ist meine Website (Disclaimer: Ich bin nicht der Designer): http://www.nickysfolders.com/?SessionThemeID=34#
Ich habe ... 1. Legen Sie die font-face auf dem Sheet, wo ich die Schrift
@font-face
{
font-family: 'Source Sans Pro', Comic Sans MS;
src: url('SourceSansPro-Regular.ttf');
}
nennen
nannte die Schrift
.footer-text{ font-family: 'Source Sans Pro'; color: #636466; font-size: 14px; font-weight: 400; }
und ich habe und setzen alle Schrift ttf-Dateien auf dem Server in einem Ort, wo die font-face auf sie zugreifen kann, befindet sich direkt im gleichen css Ordner
ich erwartet, dass dies funktionieren würde, auf alle Computer Ich habe es getestet, aber es tut es nicht. Stattdessen fällt es in Zeiten wie Roman oder Sans Serif? Deshalb habe ich die Fallback-Comic-Sans gemacht, damit ich weiß, ob sie überhaupt auf sie zugreift. Anscheinend ist es nicht?
Vielen Dank für Ihre Zeit. Bitte lassen Sie mich wissen, wenn ich andere Details zur Verfügung stellen sollte.
'src:' sucht nach einer Datei relativ zur CSS-Datei. Versuchen Sie es stattdessen mit einer absoluten ('http: // ...') URL, oder einer, die relativ zum '/' root-Verzeichnis ist. Außerdem: 'Comic Sans MS' sollte in Anführungszeichen gesetzt werden. – Blazemonger
Lesen Sie [diese MDN-Seite] (https://developer.mozilla.org/en-US/docs/Web/CSS/%40font-face) dann versuchen Sie es erneut – cowCrazy