Lettertype is een integraal onderdeel van webdesign en geeft de site een onderscheidende stijl. Tekst van hoge kwaliteit op de pagina moet er harmonieus uitzien, gecombineerd worden met de rest van de elementen van de site en tegelijkertijd bijdragen aan een betere perceptie van informatie. Met HTML-opmaak en CSS trapsgewijze tabellen kunt u bijna elke instelling aanpassen om de paginaprestaties te maximaliseren.
Noodzakelijk
lettertypebestand in TTF-formaat
instructies:
Stap 1
Om een set lettertypen te gebruiken die op uw computer zijn geïnstalleerd, kunt u de parameter font-family van de trapsgewijze stijlbladen gebruiken. Voer hiervoor de volgende code in voor het gewenste item:
Tekst
Met deze opdracht wordt de h2-kop van het tweede niveau weergegeven in het lettertype Arial.
Stap 2
Als u uw eigen lettertype wilt gebruiken, moet u dit eerst uploaden naar de hosting en het inschakelen met de juiste opdracht. TTF-bestanden worden meegeleverd met de volgende opdracht:
Het kenmerk font-family specificeert in dit geval de naam van het lettertype, en src: url (font.ttf) specificeert het pad naar het TTF-bestand.
Stap 3
Nadat u het element hebt ingeschakeld, kunt u het gebruiken om tekst weer te geven:
Tekst
Deze opdracht is verantwoordelijk voor het cursief weergeven van het vereiste lettertype-lettertype in de kop van het tweede niveau. Als de browser van de gebruiker de verwerking van TTF-bestanden niet ondersteunt, wordt het systeemlettertype gebruikt dat na de eerste komma is opgegeven (in dit geval Verdana).
Stap 4
Sommige browsers ondersteunen geen downloadbare TTF. Internet Explorer 8 gebruikt bijvoorbeeld het EOT-formaat om tekst weer te geven. Voor dergelijke browsers converteert u de originele TTF met behulp van meerdere services en neemt u het resulterende lettertype op dezelfde manier op in de @ font-face-parameter.
Stap 5
Als u het benodigde bestand uit een andere bron wilt importeren, gebruikt u de opdracht @import, die bovenaan het CSS-document moet worden geschreven:
@import url (https:// font_address)
