Forum - Google Font API

Nicht eingeloggt

Registrieren

Forum / Tipps & Tricks / Google Font API

Seite 1 von 2 - 2

Beitrag schreiben

goeran
Ehrenmitglied

- 24.05.10 23:27 Uhr

Vor kurzer Zeit eröffnete Google die "Google Font(s) API".
Mit dieser API ist es möglich die Fonts aus dem "Google Font(s) Directory", mit ein bisschen HTML, zu benutzen.

Ein Beispiel:

Code:


<!DOCTYPE html>  

   

 <html lang="en">  

 <head>  

     <meta charset="utf-8">  

     <title>Font Test</title>  

 <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>  

     <style>  

     body { font-family: 'Yanone Kaffeesatz', serif; font-size: 100px; }  

     </style>  

 </head>  

 <body>  

      Yanone Kaffeesatz

 </body>  

 </html>

Mehr ?

Die aktuelle Liste der Fonts findet man hier.

Logo: Copyright Google

Der Eintrag wurde am 24.05.10 23:29 Uhr von goeran geändert.

Patrick_W
Administrator

- 27.05.10 22:33 Uhr

Die Fonts sehen echt cool aus ;)

Patschi
Stammgast

- 07.12.10 23:21 Uhr

Wie bringt man eigentlich Schriftarten in die Webseite rein, so dass diese auch korrekt bei den anderen angezeigt wird, wenn man die Schriftart nicht hat?

goeran
Ehrenmitglied

- 07.12.10 23:23 Uhr

Zitat von Patrik_K:

Wie bringt man eigentlich Schriftarten in die Webseite rein, so dass diese auch korrekt bei den anderen angezeigt wird, wenn man die Schriftart nicht hat?

Indem Du sie auf deiner Website hast. So greifen die User auf diese zu.

Patschi
Stammgast

- 07.12.10 23:24 Uhr

Einfach in CSS die Schriftart bestimmen?

Aber ein Browser kann ja die Schrift nicht anzeigen, wenn die Schriftart nicht am PC des anderen vorhanden ist.

Der muss ja dann auch die Schriftart installieren, oder?

FirePanther
Betriebsnudel

- 07.12.10 23:32 Uhr

@font-face {
font-family: 'Allerta::Menu';
font-style: normal;
font-weight: normal;
src: local('Allerta Medium'), local('Allerta-Medium'), url('http://themes.googleusercontent.com/font?kit=vMOk7pEUPZ0FIeTJ4YMYDw') format('truetype');
}

könnte man eigentlich auch mit base64 enkodiert direkt mit php ausgeben:
src: url(data:font/woff;base64,BASE64SOURCE);

Patschi
Stammgast

- 07.12.10 23:35 Uhr

Okay, danke!

Werd ich morgen versuchen!

Patschi
Stammgast

- 07.12.10 23:44 Uhr

Wollte grad auf deinen Beitrag antworten xD
Nur war der dann nach dem Absenden weg

Naja, egal

FirePanther
Betriebsnudel

- 07.12.10 23:46 Uhr

@Patrick_K: Bitte keine Doppelposts... die Admins werden wütend! ;)

Patschi
Stammgast

- 07.12.10 23:47 Uhr

Verarsch mich ned xD

Ausserdem schreibt man mich ohne "c" xD
Nur "Patrik_K" ^^

Seite 1 von 2 - 2

Beitrag schreiben