Ditt typsnitt på sidan. Installera nya teckensnitt i MS Word Hur man använder installerade teckensnitt

Vlad Merzhevich

Typsnittet är en integrerad del av webbdesign, ger webbplatsen uttrycksfullhet och igenkänning, uttrycker webbplatsens karaktäristiska stil och är direkt relaterad till uppfattningen av texter. Ett väl valt typsnitt kanske inte märks, men utan det kommer det inte att finnas någon känsla som kompletterar webbplatsens design.

Om du redan har ett specifikt typsnitt installerat på din dator, lägg bara till en rad i stilarna.

h1 ( font-family: SuperPuperFont; )

Värdet på font-family-egenskapen är namnet på font-familjen, det kommer att gälla för alla rubriker

. Men vad kommer besökarna att se om de inte har vårt spektakulära och sällsynta typsnitt installerat? Denna situation är mest trolig, så om webbläsaren inte känner igen det deklarerade teckensnittet kommer den att använda standardteckensnittet, till exempel på Windows är det Times New Roman. All vår noggrant genomtänkta typdesign kommer att falla sönder och dammas över natten, så vi måste leta efter den mest universella lösningen. Det första som direkt kommer att tänka på är att organisera nedladdningen av teckensnittsfilen till användarens dator och visa texten i det valda teckensnittet. Jämfört med andra metoder som att visa text genom en bild, är denna metod den enklaste och mest mångsidiga.

Vilka är fördelarna med att ladda ner en teckensnittsfil och sedan använda den via CSS.

• Text är lätt att lägga till och redigera.
• I webbläsaren kan du använda sökningen och hitta önskade fraser.
• I webbläsarinställningarna kan du minska eller öka teckenstorleken för att uppnå bekväm visning.
• Sökmotorer väl indexera innehållet i dokumentet.
• Text kan väljas och kopieras till klippbordet, samt översättas till ett annat språk.
• Textinställningar som radavstånd, färg, storlek och liknande är lätta att ändra med hjälp av CSS-egenskaper.
• Återigen, med CSS är det lätt att lägga till olika effekter till texten, till exempel en skugga.

Som du kan se finns det många fördelar. Det finns också mindre nackdelar och för balansen är de värda att nämna.

• Alla webbläsarversioner stöder inte nedladdningsbara teckensnitt och formatet en för alla.
• En fil som innehåller ett typsnitt kan ta upp mycket utrymme och därigenom sakta ner laddningen av en webbsida.

I tabell. 1 listar webbläsarversioner och teckensnittsformat som de stöder.

Flik. 1. Format som stöds

Formatera	Internet Explorer	Krom	Opera	safari	Firefox	Android	iOS
TTF	9.0+	4.0+	10.0+	3.1+	3.5+	2.2+
EOT	5.0-8.0
WOFF	9.0+	5.0+			3.6+
SVG		1.0+	9.0+	3.1+	3.5+		1.0+

Det format som stöds mest är TTF. Med undantag för IE upp till version 9.0 och iOS förstår alla webbläsare det perfekt. Så om du har ett teckensnitt i det här formatet och du riktar in dig på moderna webbläsare, behöver du inte göra några ytterligare steg. Det räcker att skriva följande kod i stilar (exempel 1).

Exempel 1: Ansluter TTF

HTML5 CSS3 IE 8 IE 9+ Cr Op Sa Fx

Först laddar vi själva teckensnittsfilen med @font-face-regeln. Inuti den skriver vi namnet på teckensnittsfamiljen genom parametern font-family och sökvägen till filen genom src . Använd sedan typsnittet som vanligt. Så, om vi behöver ställa in rubrikfonten, ställer vi in ​​för h1-väljaren, som visas i exemplet, egenskapen font-family med namnet på det laddade teckensnittet. För äldre versioner av IE listar vi fallbacks separerade med kommatecken. I det här fallet kommer titelteckensnittet att vara "Comic Sans MS" eftersom IE8 och lägre inte stöder TTF-formatet.

Resultatet av detta exempel visas i fig. 1.

Ris. 1. Titel med nedladdat typsnitt

Vad händer om du desperat behöver ett utsmyckat typsnitt i IE8? Lyckligtvis låter @font-face dig inkludera flera teckensnittsfiler av olika format samtidigt. Webbläsaren behöver bara välja den lämpliga. En universell lösning som fungerar i alla webbläsare handlar alltså om att konvertera det befintliga TTF-formatet till EOT och sedan inkludera båda filerna.

För konvertering finns det flera onlinetjänster som låter dig ladda upp en TTF-fil och få en EOT-fil som utdata. Tyvärr har de flesta av dessa tjänster samma problem - vi tar emot filen, men det ryska språket stöds inte i den. Som ett resultat uppnås inte det önskade resultatet, konverteringen är felaktig. Bland de sajter jag kollade fanns det en som visade texten i IE korrekt.

Vi går till den här webbplatsen, laddar upp TTF-filen och klickar på knappen "Konvertera TTF till EOT", varefter vi sparar den resulterande filen i teckensnittsmappen. I stilar återstår det att göra ett litet trick och göra olika webbläsare ladda ner typsnittet i önskat format. För att göra detta, lägg till två src-parametrar. Den första pekar på EOT-filen och är för äldre versioner av IE. Den andra src-parametern måste innehålla två kommaseparerade adresser, varav en pekar på en TTF-fil. Faktum är att IE version 8.0 och yngre inte förstår kommatecken i parametern src och kommer följaktligen att ignorera hela parametern. Det kan finnas flera stavningsalternativ, till exempel repetera webbadress , ange teckensnittsnamnet i den lokala parametern eller till och med skriv ett icke-existerande teckensnitt. Om webbläsaren inte kan ladda ett sådant typsnitt, kommer det att gå till det andra i listan, och vi har det korrekt skrivet. Godtagbara stavningar.

src: url(fonts/pompadur.ttf), url(fonts/pompadur.ttf);
src: local(pompadur), url(fonts/pompadur.ttf);
src: local("bla bla"), url(fonts/pompadur.ttf);

En fungerande version av att ansluta teckensnittet för alla versioner av webbläsare visas i exempel 2.

Exempel 2: Anslutning av EOT

HTML5 CSS3 IE Cr Op Sa Fx

Modern del av den politiska processen

I själva verket leder Montesquieus politiska doktrin den kontinentaleuropeiska typen av politisk kultur, vilket återspeglas i Michels skrifter.

När det gäller iOS tycks det mig att det inte är någon mening med att göra och ladda ner ett separat typsnitt i SVG-format. Publiken av webbplatser som tittar på den via iOS är fortfarande liten, dessutom är versionen av webbplatsen under Mobil enheter att försöka göra det enklare och ladda ner ytterligare några tiotals kilobyte är inte önskvärt.

Google Web Fonts

En bekväm tjänst som tar hand om rutinen att stödja olika teckensnittsformat och webbläsarversioner finns på www.google.com/webfonts. Även om det finns relativt få olika typsnitt i samlingen (det finns flera dussin), är de alla utvalda av mycket hög kvalitet och gratis att använda på webbplatser.

Innan du väljer ett teckensnitt, byt skriptvärdet till kyrilliskt, då kommer du att se en lista över teckensnitt som stöder det ryska språket (Fig. 2).

Ris. 2. Välja teckensnitt i Google Web Fonts

Typsnittet du gillar bör först läggas till i samlingen genom att klicka på knappen "Lägg till i samlingen" och sedan på knappen "Använd" i skärmens nedre högra hörn. På nästa sida (fig. 3) kan du äntligen välja de typsnitt du behöver. Samtidigt bör det förstås att ett typsnitt kan innehålla flera stilar, och var och en av dem ökar volymen av nedladdade filer.

Ris. 3. Teckensnitt laddade på sidan

Du kan koppla de valda typsnitten på ett av tre sätt, den tillagda koden kan kopieras ner på sidan.

1. Genomgående element . Linjen kommer att se ut som följande.

2. Genom @import-regeln. Infoga denna rad i din CSS-fil längst upp.

@import url(http://fonts.googleapis.com/css?family=Philosoph&subset=cyrillic);

3. Genom JavaScript.

I princip är alla vägar lika, så välj efter dina önskemål.

Fördelarna med att använda denna tjänst är följande.

• Typsnitten är gratis att använda, du behöver inte betala för dem.
• De föreslagna typsnitten är "vässade" för visning på skärmen, filerna är optimerade och tar upp en relativt liten mängd.
• Webbläsaren upptäcks automatiskt och ett teckensnitt i önskat format utfärdas för den.

En av de främsta fördelarna med tjänsten är att typsnitt lagras i TTF, EOT, WOFF, SVG-format och laddas efter att ha kontrollerat webbläsaren. Så EOT-formatet kommer endast att vara tillgängligt för äldre versioner av IE.

Om du använder Google Web Fonts eller inte är upp till dig. Hittade du inte ett passande typsnitt där kan du alltid koppla in den populära och vanliga TTF:n. Dessutom stöds det av de senaste versionerna av alla populära webbläsare.

När du lägger ut sidor måste du då och då ta itu med icke-standardiserade typsnitt. Naturligtvis ska du inte använda dem som de viktigaste på webbplatsen, men i olika individuella element, till exempel i en rubrik, är det fullt möjligt. Problemet med dessa typsnitt är att det kanske helt enkelt inte finns på användarens dator, vilket kommer att leda till att han har motsvarande text som visas i ett standardtypsnitt, som ett resultat kommer den avsedda designen att bli förstörd. Detta problem löses mycket enkelt: anpassat typsnitt klipp ut precis som en bild. Men det finns också ett annat sätt att använda ett anpassat teckensnitt på en webbplats.

Låt mig skriva CSS-kod och så ska jag förklara det:

@font-face(
font-family: SpecialFont;
src: url("font/specialfont.ttf");
}
p(
font-family: SpecialFont;
}

Som ett resultat, till taggar

teckensnittet kommer att tillämpas SpecialFont. Jag tycker att koden är tillräckligt tydlig, men jag ska förklara ändå. Du måste skaffa typsnittet och ladda upp det till din webbplats, till exempel till en mapp font. Längre in css-kod föreskriva i @font-face dess namn och sökväg till den, och då kan du redan använda den.

Men inte utan anledning, i de flesta fall används bilder för att visa icke-standardiserade typsnitt. U använder @font-face har 2 nackdelar:

1. Det finns väldigt stora typsnitt som väger hundratals kilobyte, och detta öka sidladdningstiden dramatiskt.
2. Den andra nackdelen är ännu allvarligare. Inte alla webbläsare stöder denna funktion., dessutom behöver vissa webbläsare teckensnittet i ett annat format (inte ttf). För vissa kommer alltså ditt teckensnitt fortfarande inte att visas. För att lösa detta problem måste du ladda upp samma typsnitt i olika format, vilket avsevärt kommer att öka den första nackdelen.

Men det är värt att notera att det första minuset inte längre är lika viktigt som tidigare. Eftersom växer mycket snabbt, och det är få som bryr sig om ytterligare 100-200 KB.

Det andra minuset är inte heller så viktigt. De enda mer eller mindre populära webbläsarna som inte förstår den här koden är IE8 och lägre, plus iOS. Alla andra moderna webbläsare kommer att förstå denna kod utan problem.

Givet att IE8är fortfarande relativt populär, då personligen kommer jag att visa icke-standardtypsnitt är fortfarande i form av en bild, men jag hoppas verkligen att den här webbläsaren inom en snar framtid kommer att bli historia, och då kommer den att vara möjlig att använda @font-face och ttf-fonts.

P.S. Jag gratulerar alla kvinnor till vårens helgdagar!

I senaste versionerna textredigerare Microsoft Word det finns en ganska stor uppsättning inbyggda typsnitt. De flesta av dem består som förväntat av bokstäver, men en del använder olika symboler och tecken istället för bokstäver, vilket också är väldigt bekvämt och nödvändigt i många situationer.

Och ändå, oavsett hur många inbyggda typsnitt det finns i MS Word, kommer det alltid att finnas lite för aktiva användare av standardprogrammet, speciellt om du vill ha något riktigt ovanligt. Det är inte förvånande att på Internet kan du hitta många teckensnitt för denna textredigerare skapad av tredjepartsutvecklare. Det är därför vi i den här artikeln kommer att prata om hur man lägger till ett teckensnitt i Word.

Viktig varning: Ladda ner typsnitt, precis som alla andra program, endast från betrodda webbplatser, eftersom många av dem mycket väl kan innehålla virus och annan skadlig programvara. Glöm inte din egen säkerhet och säkerheten för personuppgifter, ladda inte ner teckensnitten som presenteras i EXE-installationsfilerna, eftersom de faktiskt distribueras i arkiv som innehåller OTF- eller TTF-formatfiler som stöds av Windows.

Här är en lista över säkra resurser från vilka du kan ladda ner teckensnitt för MS Word och andra kompatibla program:

Observera att alla ovanstående webbplatser är extremt bekvämt implementerade och vart och ett av teckensnitten presenteras där tydligt och tydligt. Det vill säga att du tittar på förhandsgranskningsbilden, bestämmer om du gillar det här typsnittet och om du behöver det överhuvudtaget, och först sedan laddar du ner det. Så låt oss börja.

1. Välj ett lämpligt typsnitt på en av webbplatserna vi erbjuder (eller på en annan som du litar på) och ladda ner den.

2. Gå till mappen där du laddade ner arkivet (eller bara en fil) med typsnittet (teckensnitt). I vårt fall är detta skrivbordet.

3. Öppna arkivet och extrahera dess innehåll till valfri mapp. Om du har laddat ner typsnitt som inte är paketerade i ett arkiv, flytta dem bara dit du enkelt kan komma åt dem. Stäng inte den här mappen.

Notera: Utöver en OTF- eller TTF-fil kan ett teckensnittsarkiv även innehålla filer av andra format, till exempel en bild och Textdokument, som i vårt exempel. Det är inte nödvändigt att extrahera dessa filer.

4. Öppna .
I Windows 8 - 10 du kan göra det med nycklarna Win+X, var i listan som visas, välj . Istället för nycklar kan du också använda högerklicka på menyikonen "Start".

I Windows XP-7 detta avsnitt finns i menyn "Start" — .

5. Om i visningsläge "Kategorier", som i vårt exempel, växla till visningen av små ikoner - så att du snabbt kan hitta föremålet du behöver.

6. Hitta ett föremål där "Teckensnitt"(mest troligt kommer det att vara en av de sista), och klicka på den.

7. En mapp med teckensnitt installerade i Windows OS öppnas. Placera teckensnittsfilen (teckensnitt) som tidigare laddats ner och extraherats från arkivet i den.

Råd: Du kan helt enkelt dra den (dem) från mapp till mapp med musen eller använda kommandona ctrl+c(kopia) eller Ctrl+X(klipp) och sedan ctrl+v(Föra in).

8. Efter en kort initialiseringsprocess kommer teckensnittet att installeras på systemet och visas i mappen dit du flyttade det.

Notera: Vissa teckensnitt kan sträcka sig över flera filer (till exempel vanlig, kursiv och fetstil). I det här fallet måste du placera alla dessa filer i teckensnittsmappen.

Installera ett nytt teckensnitt i Word

1. Kör Word och hitta det nya typsnittet i listan med de standardtypsnitt som är inbyggda i programmet.

2. Att hitta ett nytt typsnitt i listan är ofta inte så lätt som det kan tyckas: för det första finns det redan ganska många av dem, och för det andra är namnet, även om det är skrivet i sitt eget typsnitt, ganska litet.

För att snabbt hitta ett nytt teckensnitt i MS Word och börja använda det för att skriva, öppna gruppdialogrutan "Teckensnitt" genom att klicka på den lilla pilen i det nedre högra hörnet av denna grupp.

3. Listad "Font" hitta namnet på det nya teckensnittet du installerade (i vårt fall är det det Altamonte personligt bruk) och välj den.

Råd: I fönstret "Prov" du kan se hur typsnittet ser ut. Detta hjälper dig att hitta det snabbare om du inte kommer ihåg namnet på teckensnittet, men kommer ihåg det visuellt.

4. När du har klickat "OK" i dialogrutan "Font", byter du till det nya teckensnittet och kan börja använda det.

Bädda in ett teckensnitt i ett dokument

När du har installerat det nya typsnittet på din dator kan du bara använda det på egen hand. Det vill säga om du skickar ett textdokument skrivet i ett nytt typsnitt till en annan person som inte har detta typsnitt installerat i systemet, och därför inte är integrerat i Word, så kommer det inte att visas för honom.

Om du vill att det nya typsnittet inte bara ska vara tillgängligt på din PC (tja, på skrivaren, mer exakt, på ett utskrivet pappersark), utan även på andra datorer, andra användare, måste du bädda in det i ett textdokument . Läs nedan för hur du gör detta.

Notera: Om du bäddar in ett teckensnitt i ett dokument ökar storleken på MS Word-dokumentet.

1. Gå till fliken i ett Word-dokument "Alternativ", som kan öppnas via menyn "Fil"(Word 2010 - 2016) eller knapp "MS Word" (2003 — 2007).

2. Gå till avsnittet i dialogrutan "Alternativ" som öppnas framför dig "Bevarande".

3. Markera rutan bredvid objektet "bädda in teckensnitt i fil".

4. Välj om du bara vill bädda in de tecken som används i det aktuella dokumentet (detta kommer att minska storleken på filen), om du vill utesluta inbäddning av systemteckensnitt (det är faktiskt inte nödvändigt).

Egentligen kan detta avslutas, för nu vet du hur du installerar teckensnitt i Word, efter att ha installerat dem tidigare i Windows. Vi önskar dig framgång med att bemästra nya funktioner och oändliga möjligheter. Microsoft-program ord.

Böcker, bloggar, skisskursmeddelanden eller pom-pom snöflingor är omöjliga utan ett typsnitt. Mycket beror på att man väljer rätt typsnitt. Ett typsnitt, som en persons ansikte, kan reflektera och framkalla känslor och stämningar. Du vill till exempel att folk ska vara glada efter att ha läst din text, men av någon anledning förblir de likgiltiga. Hela poängen kan vara i fel typsnitt. Och det orsakar kognitiv dissonans.

I About Type visar Eric Spiekermann, typsnittsspecialisten #1, att typografi inte är en konst för eliten, utan ett kraftfullt verktyg tillgängligt för alla som har något att säga och som vill uttrycka sina tankar korrekt både på papper och papper .skärm.

Här förklaras designen enkelt språk, och typsnittet upphör att vara något obegripligt. Meningsfull, kraftfull, intressant. Den här boken har lästs av miljontals människor runt om i världen. Nu är den också på ryska.

Möt Eric Spiekermann

Eric Spiekermann - designer, professor vid Bremen Academy of Arts, medlem av German Design Council, ordförande för International Society of Typographic Designers.

Eric har en passion - typsnitt. Han kan lätt se vilken era ett visst typsnitt kommer från. Vilket typsnitt kommer att visa din kärlek, och vilket som kommer att visa seriösa avsikter.

Eric Spiekermann och hans mest kända fras om typ.

Om du någonsin har varit i Tyskland och åkt tyska tåg - inskriptionerna, diagrammen och skyltarna som du såg vid hållplatser, perronger och stationer är skrivna i teckensnittet Deutsche Bahn, skapat av Eric Spiekermann. Han skapade också ett typsnitt för Audi, designat av tidningen The Economist. Och jag skrev den här boken.

"Det fina med hans publikationer är att de är skrivna av Eric för INTE designers. Det här är vad folk verkligen älskar - design och typografi på vanligt mänskligt språk. Spiekermann - Han är bara påven av modern typografi och design i allmänhet."
natalie ratkowski

Vad finns inuti?

Detta är en riktig parallell värld, där typsnitt är dess huvudsakliga invånare. Och den här boken kommer att lära dig att förstå typsnitt som i din baksida. Boken har en uppsjö av exempel.

Grafisk design och typografi är inga lätta jobb, men även enkla projekt kan dra nytta av att veta hur man väljer rätt typsnitt.

Förmågan att presentera information ligger i att läsaren inte distraheras, läser till slutet och förstår vad du ville säga. Detta är konsten att välja teckensnitt.

Bokstäver med karaktär

Titta på bokstaven: är den lätt eller massiv, rund eller fyrkantig, tunn eller knäböjd. Vad ser det ut som? Bokstäver kan stå på uppmärksamhet som soldater, eller så kan de sjunga eller dansa graciöst på rad, de kan skrika eller skratta. Vissa ord låter inte bara, utan ser också trevligare ut än andra.

Typsnitt för tvivel, överraskning, ilska och glädje. Illustration från boken

I typsnittet för ordet glädje ("glädje") öppna formulär, självsäkra slag och en känsla av dynamik. Det är trevligt att se att vissa ord innehåller en förklaring i bokstäverna som de är sammansatta av. Dessa fria och lätta former kommer definitivt att framkalla en glad, utsträckt person, speciellt bokstaven Y.

Mörka känslor förmedlas bäst i djärva, hårdkantade typsnitt, medan behagliga känslor bäst förmedlas i lätta, avslappnade typsnitt.

Kafka typsnitt

Typsnittsdesigners har alltid tagit sin handstil som förebild när de designar typsnitt. Mekaniska begränsningar har lett till uppkomsten av handskrivna typsnitt, skrivna med en pensel, penna, reservoarpenna eller till och med en tuschpenna. De skars sedan ut i metall eller fotograferades och förvandlades till typ.

Idag, med utvecklingen av digitala verktyg, har handskrivna typsnitt blivit mer ovanliga och personliga. Nu kan du köpa "handstilen" av kända konstnärer och författare som Picasso, Cezanne och Franz Kafka.

Mister K-typsnitt Illustration från boken

Den senares manuskript var ganska oläsliga, men det hindrade inte Julia Syusmäläinen från att designa Mr. K - med Kafkas handstil - med alla de brister som författaren förmodligen skulle vilja undvika.

Typografiskt pussel

Låt oss spela. Vilket typsnitt tror du motsvarar varje typ av sko?

Illustration från boken.

Vilket typsnitt att välja

Kanske har du varit i en sådan situation: sen kväll, klockan sex på morgonen planet, och du packar fortfarande din resväska och kan inte bestämma dig för vad du ska ta med dig.

Detta händer när du väljer ett teckensnitt.

Att välja rätt typsnitt för ett visst meddelande är både intressant och svårt på samma gång. Vad vill du ha i meddelandet, förutom fakta? Hur vill du tolka det, kommentera det, dekorera det? Om du väljer ett "neutralt" typsnitt, till exempel Times New Roman, så är budskapet också neutralt.

När du tänker igenom meddelandets utseende tolkar du det på ett eller annat sätt.

Innan du packar typsnitt i en imaginär resväska, ta en titt på problemet. Det är nödvändigt att balansera praktiska och estetiska.

Utseendet på det här eller det teckensnittet är associerat med en viss produkt. Så färska produkter är mer lämpliga för inskriptioner med ett improviserat handskrivet teckensnitt. Bakverk representeras bäst av mjukt formade seriffer, fullkorn representeras bäst av snabb, ojämn handstil, seriöst kommersiellt företag är förknippat med koppargravyrens era, och värdepapper gjordes i form av utarbetade tryckta certifikat.

Öppning från boken

Tillbaka i boken

Med den här boken kommer du att ta en ny titt på typsnitt, lära dig att förstå dem och välja rätt för dina syften. Boken innehåller mycket intressant och praktisk information:

• Historien om teckensnittens utveckling
• Välja ett teckensnitt för en specifik uppgift
• Typsnittets läsbarhet och läsbarhet
• Hur man får typsnittet att fungera
• Funktioner för skärmteckensnitt
• Tidning, tidning, boklayout för text
• Fonternas framtid
• Lista över litteratur och webbplatser om typografi

…200 sidor med intressanta historiska fakta, användbara tips om val och användning av typsnitt, vackra illustrativa exempel.

Du kan lära dig hur du väljer rätt typsnitt hela ditt liv, och det är extremt intressant, nästan som att bemästra akvarell. Och det är också användbart, eftersom det är ett av sätten att förmedla idéer till din publik. Bli vän med typsnitt!

Hej kära läsare!

I en tidigare artikel skrev jag om hur man stylar innehåll på en WordPress-webbplats på ett icke-standardiserat sätt med inline CSS-stilar. Med hjälp av stilar kan du bland annat ändra typsnittet som används i texten.

Teckensnitt för en webbplats är den viktigaste delen av dess design. Besökarens beteende på sidan beror på deras rätta val. Det är nödvändigt att välja rätt typ av typsnitt, dess storlek, tjocklek, lutning, färg, så att allt detta är i harmoni med den övergripande designen.

Men ibland blir det nödvändigt att använda något ovanligt typsnitt, och en myriad av dem har nu utvecklats - konstnärliga, handskrivna, gotiska, fornryska, etc. Kan någon av dem användas på sajten?

Du kan, men det finns vissa förutsättningar.

Standard och icke-standardtypsnitt

För att typsnittet du valt ska visa korrekt på användarens skärm måste det vara installerat på användarens dator. När vi installerar operativsystemet får vi också en viss uppsättning typsnitt. En sådan uppsättning kallas standard. Varje operativsystem har sin egen lista över standardteckensnitt. Men det finns typsnitt som finns i alla operativsystem de kallas säkra. Du kan säkert använda vilken som helst av dem på din webbplats, utan rädsla för att den inte kommer att visas på samma sätt på besökarens dator. Naturligtvis är dessa typsnitt de mest populära, de används för att skriva innehåll på de flesta webbplatser, de är lätta att läsa.

Förutom standardtypsnitt kan användaren installera andra icke-standardtypsnitt på sin dator, men problem kan uppstå med deras visning. Ibland använder oerfarna användare, när de förbereder ett vanligt textdokument i Word eller en presentation, något vackert konstnärligt typsnitt som de hittade på Internet och installerade på sin dator. När man förbereder ser allt bra ut, men när den här presentationen visas på en annan dator visar det sig att detta vackra teckensnitt ersätts med ett vanligt, standard.

Samma sak händer med webbplatser. För att det icke-standardiserade teckensnittet som du använder ska visas korrekt på webbplatsbesökarens dator, måste det installeras på honom. Men du kan inte be tusentals besökare att installera ett typsnitt för att se din webbplats.

Hur löser man detta problem?

För att göra detta måste du ansluta de nödvändiga typsnitten till webbplatsen.

Hur man ansluter teckensnitt för webbplatsen

Detta kan göras på två huvudsakliga sätt. I det första fallet används teckensnitt som finns på en specialiserad fjärrserver, det andra innebär placering av teckensnittsfiler på själva webbplatsens server.

I den här artikeln kommer vi att titta närmare på den första metoden.

Arbeta med Google Fonts

Låt oss börja med Google-tjänst Teckensnitt, som den mest kända och pålitliga.

Jag pratar inte om tillförlitlighet förgäves, för om du använder en extern resurs på din webbplats måste den vara verifierad och tillförlitlig. I processen med att förbereda den här artikeln besökte jag flera webbplatser med samlingar av typsnitt som jag hade i mina bokmärken. Jag brukade använda dem, men det visade sig att en av dem var inaktiverad för utebliven betalning av hosting, den andra, som jag en gång tog mycket vackra typsnitt blockerad av antivirus.

På plats , som du kan se på skärmdumpen, det här ögonblicket samlingen innehåller 708 typsnitt, men alla är inte lämpliga för oss. För ryskspråkiga webbplatser behövs typsnitt som stöder kyrilliska. Till vänster finns filter för att välja var i rullgardinsmenyn Manus välja kyrilliska, varefter det redan finns 61 alternativ. Vi väljer bland dem. Lägg till de typsnitt du gillar i samlingen genom att klicka på knappen .

Efter val, gå till nästa objekt - knapp Recension. På sidan som öppnas kan du se hur texten kommer att se ut, försök ändra dess parametrar.

Gå sedan till det sista objektet - knappen använda sig av. Här kan du kopiera koden för att koppla typsnittet till webbplatsen.

Den här koden ska infogas på HTML-sidan på din webbplats mellan taggarna<huvud> ochhuvud>. För WordPress-webbplatser finns dessa taggar i rubrikfilen header.php. I stycke 4 kopieras koden för att beskriva CSS-stilen.

Som du kan se valde jag tre alternativ, och nu om jag skriver den här koden i WordPress HTML-redigerare:

då kommer det att se ut så här på sidan:

Denna text är inte standard. Poiret One.

Detta kan göras på två huvudsakliga sätt. Russo en.

Låt oss ta en närmare titt på den första metoden. Mark Script.

Arbeta med tjänsten AllFont.ru

Annan bra service för att välja ett teckensnitt för webbplatsen - . Här verkar det finnas fler valmöjligheter. Åtminstone mer varierat. Du kan välja att använda rubrikatorn eller söka på namn.

På den valda teckensnittssidan kan du ändra färg, bakgrund, storlek, text och se hur det kommer att se ut.

Efter det kan du kopiera koderna för att bädda in på webbplatsen. Allt görs på samma sätt som de gjorde på webbplatsen Google Fonts. Till exempel valde jag typsnittet AGZeppelin-Roman, se hur det ser ut.

Välkommen till det största biblioteket AllFont.ru

Jag hoppas att artikeln var användbar för dig. Om så är fallet, prenumerera på blogguppdateringar, eftersom nya användbara artiklar förbereds.

Ses snart.