verschillende lettertypes in html

Status
Niet open voor verdere reacties.

gast0198

Gebruiker
Lid geworden
15 nov 2016
Berichten
83
Ik zou graag willen weten hoe je verschillende lettertypes kan toepassen in een opsomming? Wat moet ik ingeven in html code?

Bijvoorbeeld ik heb hier een opsomming:

<body>
<ul>
<li>Hond</li>
<li>Kat</li>
<li>Vis</li>
<li>Paard</li>
<li>Koe</li>
<li>Varken</li>
</ul>
</body>

Hond zou ik graag in verdana 12pt zetten
Kat in arial 14 pt enzovoort.
 
Met inline style:

<li style="font-family:Arial;font-size:14px">Kat</li>
 
of zonder li-properties: <span style="font-family:Arial;font-size:14px">Kat</span>
 
En als ik een lettertype van internet wil hoe moet ik dat dan eerst downloaden of kan dit op een andere manier?
 
De meest simpele manier :)

Ga naar Google Fonts https://fonts.google.com
Klik op de (+) bij het lettertype dat je wilt hebben.
Klik helemaal onderaan op de balk "1 family selected".
Kopieer de hele regel <link href ...> en plak die tussen <head> en </head> in je html.

Voorbeeld

Tussen <head> en </head>
<link href="https://fonts.googleapis.com/css?family=Ubuntu:400,400i,700" rel="stylesheet">

In de opmaak:
font-family: 'Ubuntu', sans-serif; font-size: 16px;

Als je in Google Fonts de balk onderin je beeld openklapt dan heb je ook een tabblad Customize waar je stijlen en diktes kan toevoegen.
Veel gebruikt zijn 400, 400 italic en 700.
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan