2010-11-21 10 views
6

Czy są jakieś witryny z wyjątkiem Google, które udostępniają bibliotekę, do której można się bezpośrednio łączyć w pliku css?Jakie witryny udostępniają publiczne biblioteki czcionek internetowych?

Podobnie jak google-webfonts @ font-face, tak że hostują i nie zawierają plików lokalnych.

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

Odpowiedz

2

Jest Typekit (http://typekit.com/), ale to nie jest za darmo.

+0

To jedyny, anyone? Może być wart 49,99 USD rocznie. –

+2

Typekit jest prawdopodobnie największym, który robi dokładnie to, czego potrzebujesz. Po zastanowieniu Fontdeck jest również dość dobrze znany, ale nie ma takiej samej penetracji, jaką robi Typekit z jakiegokolwiek powodu (być może dlatego, że wciąż jest nowy). – hollsk

0
+0

ale oni go nie hostują, prawda. Będziesz musiał pobrać pakiet fontface i podawać go lokalnie? –

+1

Tak, to samo z cufon (co nie jest usługą osadzania czcionek, w każdym razie - działa poprzez generowanie zamienników obrazu). – hollsk

0

Jest rzeczywiście dość duża liczba usług, takich jak Typekit, tylko mniej dobrze wiedzieć. Jednak, podobnie jak Typekit, prawie wszystkie z nich są płatnymi usługami, które wymagają miesięcznego obciążenia.

Smashing Magazine opublikował niedawno listę tych usług, które można zobaczyć tutaj: Review of Popular Web Font Embedding Services

1

Jeśli jesteś po japońskich czcionek, M + czcionek pozwalają na gorąco łączenie i mają instrukcje jak to zrobić na swojej stronie :

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

pozwolenie jest otwarty & darmo:

nieograniczony udziela się używać, kopiować i rozpowszechniać je z lub bez modyfikacji, zarówno komercyjnie i niekomercyjnie

Nie określić konkretny język - i te fonty mają angielskich znaków w swoich zestawach czcionek także.

0

Co powiecie na google web font?

Here's samouczek, jak go zastosować.

A oto przykład.

<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>

Powiązane problemy