Hvordan parre skrifter | Forklart

Å gjøre nettsteddesignet utsøkt behagelig mens du holder det absolutt profesjonelt er veldig viktig i nettstedutviklingen. Å bruke de riktige skriftene og de riktige skriftkoblingene er med på å opprettholde konsistensen av en nettsteddesign og forbedre brukeropplevelsen. Det gir en god innvirkning på brukeren som tilfeldigvis er bra for virksomheten din. CSS lar deg bruke mange skriftkoblinger. Denne oppskrivningen diskuterer følgende:

1. Retningslinjer for sammenkoblingsfonter
2. Noen gode skriftkoblinger

La oss komme i gang.

Retningslinjer for sammenkoblingsfonter

Når du sammenkobler skrifter, er det noen guidlines som bør tas vare på. Her har vi notert noen tips om sammenkoblingsfonter.

1. Unngå visuell konflikt
   Visuell konflikt oppstår når du bruker fontparringer som ikke utfyller hverandre. For å unngå denne visuelle konflikten, velg en fontparring som er mangfoldig, men som passer godt sammen.
2. Par innenfor font superfamilier
   Å bruke fontpar fra en font superfamilie kan vise seg å være et veldig godt valg. Tenk bare på de fontparene som utfyller hverandre, men ikke ser for like. Du kan sammenligne fontkoblinger fra en font superfamilie på grunnlag av serif vs. sans serif, tykk vs. tynn, eller kondensert vs. forlenget.
3. Opprettholde kontrast
   Å opprettholde kontrast er absolutt nødvendig når du sammenkobler skrifter. Kontrast hjelper deg med å opprettholde en balanse i fontparingen din på en måte som to skrifter fra den samme skriftsuperfamilien harmoniserer, men likevel ser mye annerledes ut. Å bruke en sans med en sans-serif kan være en måte å holde en kontrast, selv om det ikke er den eneste måten å gjøre det på.
4. Bruk mindre enn tre skrifter
   For å gjøre nettstedets design visuelt behagelig, ville det være mer enn nok å bruke to skrifter (den ene for overskriften og den andre for kroppsteksten). Gå for den tredje bare når det er nødvendig.

Nå som vi har forstått noen grunnleggende regler for fontparring, la oss gå gjennom noen gode fontparringsalternativer.

Noen gode skriftkoblinger

Det er flere depoter der du kan få mange fantastiske skrifter som Google -skrifter, Adobe -skrifter, skrifter.com, og mange flere. Husk ovennevnte regler i tankene Du kan lage en god skriftkobling etter eget valg.

Her har vi listet opp noen gode fontparingsalternativer for deg!

Verdana og Georgia

Verdana har dristige og brede tegn som gjør det passende for overskriften.

Eksempel
I dette eksemplet blir Verdana brukt til overskriften, og Georgia brukes til avsnittet.

H1
Font-Family: Verdana, Sans-serif;
Font-størrelse: 28px;

P
Font-Family: Georgia, Serif;
Font-størrelse: 16px;

Produksjon

En kombinasjon av Verdana og Georgia brukes.

Hummer og hytte

Kombinasjonen av hummer og hytte fungerer perfekt. Disse to skriftene kompletterer hverandre på en måte som hummer er dristig og attraktiv mens hytta er ren og enkel.

Eksempel
I det under-nevnte eksemplet brukes hummer for overskrift, og hytta er for avsnittet.

H1
Font-Family: Hummer, Serif;
Font-størrelse: 28px;

P
Font-Family: Cabin, Sans-Serif;
Font-størrelse: 16px;

Produksjon

En kombinasjon av hummer- og hyttefonter brukes.

Helvetica og Georgia

Helvetica er et veldig populært valg når det gjelder merkenavn på grunn av det pene, dristige og moderne utseendet, og Georgia er et utmerket valg for kroppstekst på grunn av de tynne strekene til karakterene sine.

Eksempel
Dette eksemplet bruker Helvetica Font for overskrift og Georgia -font for avsnittet.

H1
Font-Family: Helvetica, Sans-serif;
Font-størrelse: 28px;

P
Font-Family: Georgia, Serif;
Font-størrelse: 16px;

Produksjon

En kombinasjon av Helvetica og Georgia brukes.

Cinzel og Fauna One

Cinzel og Fauna One er Google Fonts. Cinzel henter inspirasjonen fra romerske inskripsjoner og har en moderne stil. På den annen side har Fauna One et moderne preg med det med en myk og kondensert struktur.

Eksempel
I dette eksemplet brukes Cinzel til overskrift, og Fauna en brukes til avsnittet.

Produksjon

En kombinasjon av Cinzel og Fauna One -skrifter brukes.

Josefin Slab og Josefin Sans

Josefin Slab har en skrivemaskin-stil som går helt bra med vintage-stilen Josefin sans. For overskrifter brukes Josefin -plate mens for avsnitt Josefin Sans brukes.

Eksempel
Dette eksemplet bruker Josefin -plate for overskrifter og Josefin Sans for avsnitt.

Produksjon

En kombinasjon av Josefin Slab og Josefin Sans brukes.

Dette er noen få prøver av skriftkoblinger. Ved å bruke retningslinjene nevnt ovenfor, kan du opprette en egen fontparring og lage et fantastisk nettsted!

Konklusjon

Gode ​​skriftkoblinger kan skape utsøkt behagelige nettsteder som forbedrer brukeropplevelsen og dermed er avgjørende for strukturen til en god webdesign. Det er noen retningslinjer som må følges når du kombinerer skrifter som; Unngå visuell konflikt, sammenkobling innen font superfamilier, opprettholde kontrast og bruke ikke mer enn tre skrifter. Denne oppskrivningen diskuterer disse retningslinjene og viser frem noen populære fontkoblinger.