2012-11-27 4 views
65

Damit meine Website gut aussieht, muss ich eine benutzerdefinierte Schriftart verwenden, speziell Thonburi-Bold. Das Problem ist - die Schriftart wird nur angezeigt, wenn der Benutzer sie installiert hat. Es wird auch nicht in Firefox angezeigt.Wie kann ich benutzerdefinierte Schriftarten auf einer Website verwenden?

Gibt es eine Problemumgehung für dieses Problem?

+2

mehrere alte Fragen rund um das Thema Es gibt keine. Einige von ihnen sind veraltet, aber die Zeit wird produktiver zur Verbesserung der Antworten verwendet als kurze Antworten auf Duplikate. (Jede wirklich kurze Antwort auf die Frage tendiert dazu, falsch oder im Wesentlichen unvollständig zu sein.) –

Antwort

6

CSS können Sie benutzerdefinierte Schriftarten, herunterladbare Schriftarten auf Ihrer Website verwenden. Sie können die Schriftart Ihrer Wahl herunterladen, z. B. myfont.ttf, und sie auf Ihren Remote-Server hochladen, auf dem Ihr Blog oder Ihre Website gehostet wird.

1

Zuerst müssen Sie Ihre Schriftart entweder als .otf oder .ttf irgendwo auf Ihrem Server.

Dann CSS verwenden, um die neue Schriftfamilie wie folgt zu erklären:

@font-face { 
    font-family: MyFont; 
    src: url('pathway/myfont.otf'); 
    } 

Wenn Sie Ihr Dokument in der CSS-Datei verknüpfen, die Sie Ihre Schriftfamilie erklärt in, können Sie diese Schriftart wie jede andere Schriftart verwenden .

12

Sie CSS3 font-face oder Webfonts

@ font-face Nutzung

@font-face { 
    font-family: Delicious; 
    src: url('Delicious-Roman.otf'); 
} 

Webfonts

einen Blick auf Google Webfonts verwenden können, http://www.google.com/webfonts

6

Ja, da ist ein Weg. Seine benutzerdefinierten Schriftarten in CSS.Your CSS müssen geändert werden, und Sie müssen diese Schriftarten auf Ihre Website hochladen.

Die CSS hierfür erforderlich ist:

@font-face { 
    font-family: Thonburi-Bold; 
    src: url('pathway/Thonburi-Bold.otf'); 
} 
97

Sie haben die Schriftart in Ihrem Stylesheet wie folgt importieren:

@font-face{ 
    font-family: "Thonburi-Bold"; 
    src: url('Thonburi-Bold.ttf'), 
    url('Thonburi-Bold.eot'); /* IE */ 
} 
+10

+1 für den IE-Kommentar –

+1

scheint es auch mit 'src: url ('Thonburi-Bold.otf') zu funktionieren – steven

Verwandte Themen