Hoe u lettertypen insluit op uw blogsite - dummies

Op een gegeven moment was live tekst beperkt tot het gebruik van webveilige lettertypen. Gelukkig heb je nu veel meer interessante keuzes met betrekking tot lettertypen dankzij de technologie voor het embedden van lettertypen, waarmee je een lettertype kunt insluiten in de webpagina's van je blog. Met een ingesloten lettertype zien bezoekers het lettertype dat u hebt geselecteerd voor uw ontwerp, zelfs als dat lettertype niet webveilig is.

Dus wat is de vangst? Ingesloten lettertypen kunnen het downloaden van uw blog in de browser van een bezoeker vertragen. Om ingebedde lettertypen te laten werken, moeten de webbrowsers van uw bezoekers ook ondersteuning bieden voor het insluiten van lettertypen.

Wat lettertypen betreft, weet een browser welk lettertype moet worden weergegeven met de naam van het lettertype in uw CSS (Cascading Style Sheet). Met een webveilig lettertype geeft een browser het lettertype correct weer door de informatie van dat lettertype uit het besturingssysteem van een computer te halen.

Met een ingesloten lettertype geeft een browser het lettertype correct weer, omdat de CSS van die website bepaalt waar een browser de lettertypebestanden kan vinden die hij moet weergeven (aangezien het lettertype niet op de computer van de bezoekers van de website staat).

Services zoals Adobe Typekit en Google Web Fonts hosten de lettertypen voor u. Wanneer iemand uw blog bezoekt, weet uw CSS dat het een ingesloten lettertype bevat door de lettertypebestanden van een andere locatie naast uw computer te trekken.

Als u ingesloten lettertypen met een van deze services wilt gebruiken, geeft dit u de code die u nodig heeft om een ​​lettertype op uw blog weer te geven. Leuk! Van daaruit moet je de code die ze bieden toevoegen aan het HTML-document van je blog, meestal in een bestand met de naam header. php op WordPress of door uw sjabloonbestand in Blogger te bewerken.

U moet ook uw CSS kunnen wijzigen om van uw huidige lettertypen te kunnen overschakelen naar de namen van de lettertypen die u wilt insluiten.

Een meer geavanceerde manier om ingesloten lettertypen te gebruiken, is door de eigenschap @ font-face in uw CSS te gebruiken. Om dit te doen, moet u voldoende bekend zijn met codering om het handmatig te coderen of een service zoals FontSquirrel te gebruiken, waarmee u de code en bestanden kunt genereren die nodig zijn om de eigenschap @ font-face te gebruiken. De lettertype-bestanden kunnen worden gehost op uw eigen server of met een font-service zoals FontSquirrel.