Allgemein

Gelistete Webfonts von Google

Gelistete Webfonts von Google

Jeder Webdesigner kennt das Problem, wenn der  Kunde den Wunsch äußert mit einer außergewöhnlichen Schrift auf deren Webseite punkten zu wollen. Nun ist es unsere Aufgabe ihn zu verklickern, dass der Kunde diese tolle Schrift auf seinem PC aber gar nicht sehen kann, außer wir hinterlegen alles mit Bildern, was natürlich aus Suchmaschinensicht nicht förderlich ist. Das Problem musste natürlich behoben werden.

Nun gibt es eine Lösung, nicht mehr ganz so neu aber für alle nützlich die darüber noch nichts gehört haben. Google hat nun eine Font API zu Verfügung gestellt, mit der wir nun auf andere Schrifttypen zugreifen können!

Wie das funktioniert? Ganz einfach, dazu muss nämlich nur ein kleiner Teilcode in den HTML Code der Webseite eingebunden werden, oder am besten man platziert ihn gleich mit in der CSS Datei. In diesem Code, werden auch die Größe und die Farbe der Schrift festgelegt.

Das schöne ist, das diese Anwendung so einfach zu verwenden ist, das keine riesigen Programmierkenntnisse dazu nötig sind.

Wie kann der Nutzer die verwendete Schrift nun doch lesen:

Ganz einfach, in dem Moment wo der Benutzer Ihre Webseite besucht holt der Browser sich die verwendete Schrift automatisch von einen der vielen Google-Server.

Codebeispiel findet ihr unter: http://code.google.com/intl/de-DE/apis/webfonts/docs/getting_started.html

Viel Spaß und ein fröhliches Schriftbild!

Kleiner Klickkomplizen Tipp:

Auch wenn dieses API natürlich dazu hinreißt viel mit Schriften zu spielen, sollte man trotzdem auf die Zielgruppe achten und dem Kunden vielleicht manchmal, trotz der Möglichkeiten, die ein oder andere Schrift ausreden ;-)

The following two tabs change content below.

Klickkomplizen

#TikTok wird übersichtlicher und führt zur besseren Strukturierung der Inhalte die Möglichkeit der Playlists ein.… https://t.co/cXKDAqrZiS
Entdeckt bei @Zielbar_DE: #Twitter arbeitet an einer Gruppenfunktion. Ein spannender Ansatz, um sich besser zu vern… https://t.co/M2VvQQNzAC
Entdeckt bei @einfachDan. Ein spannender Test, fraglich ist jedoch, wie gut die Übersetzung im Endeffekt tatsächlic… https://t.co/e415C0HUDc
Gibt es bald ein schickes Outro für #Tiktok Videos? 🧐 https://t.co/54jFEwBUNe
💡Nutzt ihr Lead Ads auf #Facebook? Wenn nicht, dann werdet ihr auf unserem Blog fündig. Dort gibt's ein umfangreich… https://t.co/57TBX8cqPL
Wohin ist eigentlich der Hype um #Clubhouse verschwunden? 🤔#socialmedia https://t.co/2P5aipQmki
Spannende Erkenntnisse zum Nutzer:innenverhalten in #Google. #onlinemarketing https://t.co/wO3FSCui6M
Alles, was es zum Thema #CTA zu wissen gibt, erfahrt ihr kurz und knackig in diesem Artikel von @chimpify.… https://t.co/Li2G8NhZ3z
💡Du fragst dich jedes Mal aufs Neue, welche Bildgrößen du für #Instagram brauchst? Auf unserem Blog gibt's die Über… https://t.co/RejP1zgqFq
💡Responsive Displayanzeigen bei #GoogleAds auswerten? Mit dem Blogbeitrag von Sabrina kein Problem mehr. 👇https://t.co/u1LJDMvvLG
📭 Postfächer auf - der neue #Klickkomplizen Newsletter steht in den Startlöchern!Du hast ihn noch nicht abonnier… https://t.co/719cAvKJ4w
Nach dem ersten Hype geht die Entwicklung von #Clubhouse weiter. Diese Features sind nun neu dazu gekommen.… https://t.co/LfDLy8IGcQ
Habt ihr schon die Labels in eurer App? #facebook #socialmedia https://t.co/qPwon1o4Yy
Einen guten Start in die neue Woche wünschen wir. Möge der Kaffee mit euch sein.😎 #klickkomplizen https://t.co/XVdwrun68J
Ein Blick in die Zukunft der digitalen Zusammenarbeit - durch die VR-Brille. Mit einem faszinierenden Werbevideo.… https://t.co/rb6noQLNEp
Das klingt doch nach einem netten Feature für #WhatsApp. #socialmedia https://t.co/JFAjLOv6KB
Immer wieder Neuerung bei #Twitter: diesmal im Bereich #Spaces und dem Vorplanen von Beiträgen. #socialmedia https://t.co/GxLvUSufGY
💡How to do #Instagram #Reels? Auf unserem Blog erfahrt ihr, was ein gutes Reel ausmacht und bekommt ein paar Tipps… https://t.co/mhInOmeUqs
Auf die Plätze, fertig, live! #Instagram veröffentlicht ein Live Room-Feature für 4 Creator. #socialmedia https://t.co/P6MdiQh9x0