2010-11-21 10 views
6

Gibt es außer Google Websites, die eine Bibliothek zur Verfügung stellen, mit der man direkt in Ihre CSS-Datei verlinken kann?Welche Websites stellen öffentliche Web-Schriftbibliotheken zur Verfügung?

Wie google-webfonts @ font-face, so dass sie hosten, und keine lokalen Dateien für Sie.

{ 
    font-family: 'Yanone Kaffeesatz'; 
    font-style: normal; 
    font-weight: 400; 
    src: url('http://themes.googleusercontent.com/font?kit=YDAoL...JF4') 
     format('truetype'); 
} 

Antwort

2

Es gibt Typekit (http://typekit.com/), aber es ist nicht frei.

+0

, dass das eine ist und nur, anyone? Könnte $ 49.99 pro Jahr wert sein –

+2

Typekit ist wahrscheinlich der größte, der genau das tut, was Sie brauchen. Im Nachhinein ist Fontdeck auch ziemlich bekannt, aber es hat nicht die gleiche Penetration wie Typekit aus irgendeinem Grund (vielleicht, weil es immer noch irgendwie neu ist). – hollsk

0
+0

aber sie hosten es nicht für Sie, richtig. Sie müssen das Fontface-Paket herunterladen und lokal bereitstellen? –

+1

Ja, das gleiche gilt für Cufon (das ist sowieso kein Font-Embedding-Dienst - es funktioniert durch Generieren von Image-Ersetzungen). – hollsk

0

Es ist eigentlich eine ziemlich große Anzahl von Diensten wie Typekit, nur weniger gut kennen. Wie Typekit sind jedoch fast alle Dienste bezahlt, die eine monatliche Gebühr zu verwenden erfordern.

Smashing Magazine veröffentlichte vor kurzem eine Liste dieser Dienste, die Sie hier sehen können: Review of Popular Web Font Embedding Services

1

Wenn Sie nach dem japanischen Schriften sind, M + Schriften können Hot-Linking und haben Anweisungen, wie auf ihrer Website zu tun, :

http://mplus-fonts.sourceforge.jp/webfonts/index-en.html

Die Lizenz ist offen & frei:

unbegrenzte Erlaubnis wird Verwendung gewährt, zu kopieren und verteilen, mit oder ohne Modifikation, entweder kommerziell und nicht kommerziell

Sie haben keine bestimmte Sprache angeben - und diese Schriften Englisch Zeichen in ihren Schriftsätzen haben auch.

0

Wie wäre es mit google web font?

Here's das Tutorial, wie man es anwendet.

Und hier ist ein Beispiel dafür.

<html> 
 
    <head> 
 
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine"> 
 
    <style> 
 
     body { 
 
     font-family: 'Tangerine', serif; 
 
     font-size: 48px; 
 
     } 
 
    </style> 
 
    </head> 
 
    <body> 
 
    <div>Making the Web Beautiful!</div> 
 
    </body> 
 
</html>