CSS handleiding

CSS TUIS CSS Inleiding CSS-sintaksis CSS-keurders CSS Hoe om CSS Kommentaar CSS kleure CSS agtergronde CSS-grense CSS-marges CSS Opvulling CSS Hoogte/Breedte CSS Box Model CSS uiteensetting CSS teks CSS lettertipes CSS-ikone CSS skakels CSS-lyste CSS-tabelle CSS vertoon CSS maksimum breedte CSS posisie CSS Z-indeks CSS oorloop CSS Float CSS Inline-blok CSS Belyn CSS-kombineerders CSS Pseudo-klas CSS Pseudo-element CSS Deursigtigheid CSS-navigasiebalk CSS-aftrekkies CSS Beeldgalery CSS Beeld Sprites CSS Attr keurders CSS-vorms CSS-tellers CSS-webwerfuitleg CSS-eenhede CSS Spesifisiteit CSS !belangrik CSS Wiskunde funksies

CSS Gevorderd

CSS afgeronde hoeke CSS-randbeelde CSS agtergronde CSS kleure CSS-kleur sleutelwoorde CSS Gradiënte CSS Shadows CSS-tekseffekte CSS Web Fonts CSS 2D-transformasies CSS 3D-transformasies CSS-oorgange CSS-animasies CSS Tooltips CSS-stylbeelde CSS-beeldrefleksie CSS-objekpas CSS voorwerp-posisie CSS-maskering CSS-knoppies CSS-paginering CSS veelvuldige kolomme CSS-gebruikerskoppelvlak CSS veranderlikes CSS-boksgrootte CSS-medianavrae CSS MQ Voorbeelde CSS Flexbox

CSS reageer

RWD Inleiding RWD Uitsigpoort RWD-roosteraansig RWD Media Navrae RWD beelde RWD-video's RWD-raamwerke RWD-sjablone

CSS -rooster

Grid Intro Roosterhouer Rooster item

CSS SASS

SASS Tutoriaal

CSS voorbeelde

CSS-sjablone CSS voorbeelde css vasvra CSS Oefeninge CSS-sertifikaat

CSS Verwysings

CSS Verwysing CSS-keurders CSS-funksies CSS Verwysing Gehoor CSS Web veilige lettertipes CSS Animateerbaar CSS-eenhede CSS PX-EM-omskakelaar CSS kleure CSS-kleurwaardes CSS verstekwaardes CSS-blaaierondersteuning

CSS Web veilige lettertipes


Wat is webveilige lettertipes?

Web veilige lettertipes is lettertipes wat universeel op alle blaaiers en toestelle geïnstalleer word.


Terugvallettertipes

Daar is egter geen 100% heeltemal webveilige lettertipes nie. Daar is altyd 'n kans dat 'n lettertipe nie gevind word nie of nie behoorlik geïnstalleer is nie.

Daarom is dit baie belangrik om altyd terugvallettertipes te gebruik.

Dit beteken dat jy 'n lys soortgelyke "rugsteunfonts" in die font-family eiendom moet byvoeg. As die eerste lettertipe nie werk nie, sal die blaaier die volgende een probeer, en die volgende een, ensovoorts. Sluit altyd die lys af met 'n generiese lettertipe familienaam.

Voorbeeld

Hier is daar drie lettertipes: Tahoma, Verdana en sans-serif. Die tweede en derde lettertipes is rugsteun, ingeval die eerste een nie gevind word nie.

p {
font-family: Tahoma, Verdana, sans-serif;
}

Beste webveilige lettertipes vir HTML en CSS

Die volgende lys is die beste webveilige lettertipes vir HTML en CSS:

  • Arial (sans-serif)
  • Verdana (sans serif)
  • Helvetica (sans-serif)
  • Tahoma (sans serif)
  • Trebuchet MS (sans-serif)
  • Times New Roman (serif)
  • Georgië (serif)
  • Garamond (serif)
  • Courier New (monospace)
  • Brush Script MT (kursief)

Let wel: Voordat jy jou webwerf publiseer, kyk altyd hoe jou lettertipes op verskillende blaaiers en toestelle verskyn, en gebruik altyd terugvallettertipes!



Arial (sans-serif)

Arial is die lettertipe wat die meeste gebruik word vir beide aanlyn en gedrukte media. Arial is ook die versteklettertipe in Google Docs.

Arial is een van die veiligste weblettertipes, en dit is beskikbaar op alle groot bedryfstelsels.

Voorbeeld

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9


Verdana (sans serif)

Verdana is 'n baie gewilde lettertipe. Verdana is maklik leesbaar, selfs vir klein lettergroottes.

Voorbeeld

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9


Helvetica (sans-serif)

Die Helvetica-lettertipe is geliefd onder ontwerpers. Dit is geskik vir baie soorte besigheid.

Voorbeeld

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9


Tahoma (sans serif)

Die Tahoma-font het minder spasie tussen die karakters.

Voorbeeld

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9


Trebuchet MS (sans-serif)

Trebuchet MS is in 1996 deur Microsoft ontwerp. Gebruik hierdie lettertipe versigtig. Word nie deur alle mobiele bedryfstelsels ondersteun nie.

Voorbeeld

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9


Times New Roman (serif)

Times New Roman is een van die mees herkenbare lettertipes ter wêreld. Dit lyk professioneel en word in baie koerante en "nuus"-webwerwe gebruik. Dit is ook die primêre lettertipe vir Windows-toestelle en toepassings.

Voorbeeld

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9


Georgië (serif)

Georgia is 'n elegante serif-lettertipe. Dit is baie leesbaar by verskillende lettergroottes, so dit is 'n goeie kandidaat vir mobiele-responsiewe ontwerp.

Voorbeeld

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9


Garamond (serif)

Garamond is 'n klassieke lettertipe wat vir baie gedrukte boeke gebruik word. Dit het 'n tydlose voorkoms en goeie leesbaarheid.

Voorbeeld

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9


Courier New (monospace)

Courier New is die mees gebruikte monospace serif font. Courier New word dikwels saam met koderingskerms gebruik, en baie e-posverskaffers gebruik dit as hul versteklettertipe. Courier New is ook die standaardlettertipe vir rolprentdraaiboeke.

Voorbeeld

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9


Brush Script MT (kursief)

Die Brush Script MT-lettertipe is ontwerp om handskrif na te boots. Dit is elegant en gesofistikeerd, maar kan moeilik wees om te lees. Gebruik dit versigtig.

Voorbeeld

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9

Wenk: Kyk ook na alle beskikbare Google Fonts en hoe om dit te gebruik.