Slik hindrer Georgia Font Fra Ser Pixelated Når Small

Georgia er en skrifttype eller skrift designet eksplisitt for skjermen; i motsetning til eldre skriftsnitt skrifter, som ble laget for å se bra ut på trykk, har Georgia en betydelig x-høyde som gjør det ser sin mest attraktive når de vises på en skjerm. Dimensjonering skriften for liten, men kan gjøre Georgia ser kornete og hakkete, men ved hjelp av Cascading Style Sheets (CSS) kan mildne kantene av skriftsnitt. CSS kan etterligne anti-aliasing, som reduserer piksel forvrengning i databilder.

Bruksanvisning

1 Sett "<style> </ style>" i mellom "<head> </ head>" koder øverst på siden koden. For eksempel:

<Head>
<Style>
</ Style>
</ Head>

2 Sett "element {font-family: georgia;}" i mellom "<style>" tags. Erstatt "element" med den riktige siden komponenten. Eksempler på elementer, eller side komponenter, inkluderer div, kropp, s og td. Koden bør ligne på følgende så langt:

<Head>
<Style>
body {font-family: georgia; }
</ Style>
</ Head>

3 Sett "color:" og "text-shadow: 0 0 1px RGBA (#, ​​#, #, 0,5);" etter "georgia;" kode. Eg:

body {font-family: georgia; farge:; text-shadow: 0 0 1px RGBA (#, ​​#, #, 0,5); }

4 Bruk en grafikk editor eller online fargevelger for å finne den heksadesimale og RGB-verdier for ønsket tekstfarge. Sett den heksadesimale koden ved siden av "farge" attributt. Erstatt hver "#" i "text-shadow" med tilhørende rød, grønn eller blå verdi. Denne koden stopper Georgia skriften fra å se pixelated når små. Bruk følgende eksempel som en guide:

body {font-family: georgia; color: # 3D352A; text-shadow: 0 0 1px RGBA (61, 53,
42, 0,5); }

5 Sett "font-size:" etter "text-shadow" attributt, og deretter sette den ønskede skriftstørrelsen. Din endelige koden bør ligne på følgende:

<Head>
<Style>
body {font-family: georgia; color: # 3D352A; text-shadow: 0 0 1px RGBA (61, 53,
42, 0,5); font-size: 6pt; }
</ Style>
</ Head>

Hint

  • Du finner en liste over forskjellige HTML og CSS elementer på W3Schools nettstedet.
  • Hvis du ønsker å stoppe font piksele innenfra en grafikk editor, velg "Anti-Alias", "Bløt" eller "Smooth" fra skriftalternativer.