Vid utformning av en webbplats är ett av huvudelementen i en sida som du ska arbeta med textinnehåll. Som sådan, när du bygger en webbsida och utformar den med CSS, kommer en stor del av den ansträngningen att centreras kring webbplatsens typografi.
Typografisk design spelar en viktig roll i webbdesign. Väl inbyggd och formaterad textinnehåll hjälper en webbplats att bli mer framgångsrik genom att skapa en läsupplevelse som är både roligt och lätt att konsumera. En del av ditt arbete med att arbeta med typ kommer att vara att välja rätt typsnitt för din design och sedan använda CSS för att lägga till de typsnitt och typsnittstilarna på sidans display. Detta görs genom att använda det som kallas en "font-stack"
Font-Staplar
När du anger ett teckensnitt som ska användas på en webbsida är det en bra metod att även inkludera alternativ för återställning om ditt teckensnitt inte kan hittas. Dessa fallback-alternativ presenteras i "fontstacken". Om webbläsaren inte kan hitta det första tecknet som anges i stapeln flyttas det till nästa. Det fortsätter denna process tills den hittar ett teckensnitt som det kan använda, eller det går tom för val (i vilket fall det bara väljer vilken typsnitt som den vill). Här är ett exempel på hur en fontstack skulle se i CSS när den applicerades på "body" -elementet:
kropp { font-family: Georgia, "Times New Roman", serif;}
Observera att vi anger teckensnittet Georgia först. Som standard är det vad sidan ska använda, men om det inte finns någon typ av teckensnitt, kommer sidan att falla tillbaka till Times New Roman. Vi bifogar typsnittet i dubbla citat eftersom det är ett ord med flera ord. Namn på enstaka teckensnitt, till exempel Georgien eller Arial, kräver inte citat, men flera ordstypens namn behöver dem så att webbläsaren vet att alla dessa ord utgör typsnittet. Om du ser slutet av typsnittstapeln, bör du märka att vi slutar med ordet "serif". Det är ett generiskt typsnitt för familjenamn. I det osannolika fallet att en person inte har Georgia eller Times New Roman på sin dator, skulle webbplatsen använda vilken serif-typsnitt som helst. Detta är att föredra för att låta webbplatsen falla tillbaka till vilken typsnitt som helst, eftersom du i alla fall kan berätta är vilken typ av typsnitt som ska användas så att det övergripande utseendet på en webbplatss design blir så intakt som möjligt. Ja, webbläsaren väljer ett typsnitt för dig, men åtminstone ger du vägledning så det vet vilken typ av typsnitt som skulle fungera bäst inom designen. Det generiska typsnittet som finns tillgängligt i CSS är: Medan det finns många andra typsnittsklassificeringar som finns tillgängliga i webbdesign och typografi, inklusive slab-serif, blackletter, display, grunge och mer, är dessa 5 ovan angivna generiska teckensnittsnamn de som du skulle använda i en fontstack i CSS. Vad är skillnaderna i dessa typsnittsklassificeringar? Låt oss ta en titt! Kursiv typsnitt har ofta tunna utsmyckade brevformar som är avsedda att replikera snygg handskriven text. Dessa teckensnitt, på grund av deras tunna, blommiga bokstäver, är inte lämpliga för stort innehållsblock som kroppskopia. Kursiva teckensnitt används generellt för rubriker och kortare textbehov som kan visas i större teckenstorlekar. Fantasi typsnitt är de lite galna teckensnitt som inte riktigt hamnar i någon annan kategori. Teckensnitt som replikerar kända logotyper, som brevformerna från Harry Potter eller Back to the Future-filmer, skulle falla in i denna kategori. Återigen är dessa teckensnitt inte lämpliga för kroppsinnehåll eftersom de ofta är så stiliserade att det är mycket för svårt att läsa längre passager av text som skrivs i dessa teckensnitt. Monospace typsnitt är sådana där alla brevformar är lika stora och utrustade som du skulle ha hittat på en gammal skrivmaskin. Till skillnad från andra teckensnitt som har variabla bredder för bokstäver beroende på deras storlek (till exempel en huvudstad "W" skulle ta upp mycket mer utrymme än en liten "jag") är monospace-teckensnitt en fast bredd för alla tecken. Dessa teckensnitt används ofta när kod visas på en sida eftersom de ser tydligt annorlunda ut än annan text på den sidan. serif typsnitt är en av de mer populära klassificeringarna. Dessa är teckensnitt som har de lilla extra ligaturerna på brevformerna. De extra bitarna heter "serifs". Vanliga serif typsnitt är Georgia och Times New Roman. Serif typsnitt kan användas för stor text som rubrik samt långa texter och kropps kopior. Sans serif är den slutliga klassificeringen vi ska titta på. Dessa är teckensnitt som inte har de ovan nämnda ligaturerna. Namnet betyder "utan serifs". Populära teckensnitt i denna kategori skulle vara Arial eller Helvetica. På samma sätt som serifs kan sans-serif-teckensnitt användas lika bra i rubrikerna som kroppsinnehåll. Generiska teckensnittsfamiljer
