Für ein neues Projekt verwende ich die Lib von google-fonts ( https://fonts.google.com/ ).
Funktioniert soweit ziemlich gut, würde mich freuen, wenn Ihre Eure Erfahrungen postet… hier noch eine kleine Anleitung zum einbinden.
Hier könnt Ihr euch die Schrift unter Download herunterladen und in den Windows-Fonts Ordner ablegen. Dann könnt Ihr die Schrift anhand von meta-Daten oder JavaScript einbinden.
Ich persönlich binde die Schrift lieber via JavaScript ein.
Klickt dazu auf „Use this font“ -> „Advanced techniques“ ( ganz unten ):
Hat Euch der Artikel geholfen oder gefallen? Ich freue mich auf einen Blick auf meine Amazon-Wunschliste. Vielen Dank!
Ich bin TYPO3 Freelancer, TYPO3-Entwickler, Web-Entwickler und Frontend-Entwickler. Ich arbeite im und für das Web seit 2004. Mehr Infos zu der TYPO3 Internet-Agentur INGENIUMDESIGN.
Google-Fonts einbinden und verwenden
Für ein neues Projekt verwende ich die Lib von google-fonts ( https://fonts.google.com/ ).
Funktioniert soweit ziemlich gut, würde mich freuen, wenn Ihre Eure Erfahrungen postet… hier noch eine kleine Anleitung zum einbinden.
Hier könnt Ihr euch die Schrift unter Download herunterladen und in den Windows-Fonts Ordner ablegen. Dann könnt Ihr die Schrift anhand von meta-Daten oder JavaScript einbinden.
Ich persönlich binde die Schrift lieber via JavaScript ein.
Klickt dazu auf „Use this font“ -> „Advanced techniques“ ( ganz unten ):
im oberen Bereich: „WebFontConfig“ könnt Ihr dann weitere Schriftarten hinzufügen.
Oder Ihr schreibt in den <head> Bereich diesen Link ein:
das CSS könnt Ihr dann wie immer bearbeiten!
Eure Meinung zu dem Artikel ist gefragt! Schreibt mir ein Kommentar
Ich freue mich auf einen Blick auf meine Amazon-Wunschliste. Vielen Dank!
Sebastian
Hat Euch der Artikel geholfen oder gefallen?
Ich freue mich auf einen Blick auf meine Amazon-Wunschliste.
Vielen Dank!
Ich bin TYPO3 Freelancer, TYPO3-Entwickler, Web-Entwickler und Frontend-Entwickler. Ich arbeite im und für das Web seit 2004.
Mehr Infos zu der TYPO3 Internet-Agentur INGENIUMDESIGN.
Besucht auch unser TYPO3 Hilfe Forum.
Andere interessante Artikel:
Internet Explorer 6 und png Bilder verwenden Runde Ecken im IE7, IE8, IE9, Firefox, Safari und Opera Internet Explorer – :last-child Debug FixNext ArticleTYPO3 - crop tt_content Extension nwt_imagecrop