"Web fonts" och "web safe fonts" är två olika begrepp relaterade till användningen av teckensnitt på webbplatser. Innan vi börjar, låt oss reda ut terminologin lite. Vad är skillnaden mellan de typsnitt som redan är installerade på din enhet och de du behöver ladda ner?

  1. Webbsäkra typsnitt: även känd som "systemteckensnitt" eller "webbläsarteckensnitt" webbsäkra typsnitt är typsnitt installerade på alla enheter och webbläsare.

      2. Webbteckensnitt: även om det är suddigt, webbteckensnitt hänvisa till alla typsnitt som ingen är webbsäkra typsnitt, särskilt kommersiella och oberoende utvecklade typsnitt.

Таким образом, веб-безопасные шрифты являются наиболее распространенными, доступными в Windows или Mac, Chrome или Safari. Таким образом, веб-шрифты не так легко доступны, и обычно вам приходится загружать и устанавливать их сами.

Boken är en roman. Hur skapar man?

Vilken ska du använda i webbdesign?

У них обоих есть свои fördelar och nackdelar.

För webbdesign, som är det medium som behandlas i den här artikeln, är den största fördelen med webbsäkra typsnitt att de laddas snabbare, vilket minskar tiden det tar för din webbplats att ladda. Det är ingen stor skillnad, men om du vill raka bort varje förlorad millisekund spelar de roll.

Nackdelen med webbsäkra typsnitt är att de är generiska. Det finns inget unikt eller originellt med dem - de är tillgängliga för bokstavligen alla. Om du vill ha stil eller artisteri måste du använda ett annat webbteckensnitt.

Webbteckensnitt har mycket mer variation; det är en uppsättning typsnitt som ständigt läggs till och utökas. Du kan få de bästa webbteckensnitten för ditt varumärke, speciellt designade utifrån vad du letar efter, eller så kan du licensiera ett befintligt online från ett teckensnittshubb. Deras främsta fördel är naturligtvis originalitet. Om du vill ha ett typsnitt som sticker ut, kommer webbsäkra typsnitt inte att göra det.

Om du har problem med att fatta ett beslut, kolla in det här användbara flödesschemat från David Gilbertson från Hackernoon (tänk på att han använder "systemteckensnitt" för att betyda "webbsäkra typsnitt").

Hur är det med anpassade teckensnittsestetik?

Men att välja mellan de bästa webbteckensnitten och de bästa webbteckensnitten är inte ditt enda beslut. Du bör också bestämma vilken typografi som passar ditt varumärke och webbplatsens funktionalitet. Olika typsnitt är bättre lämpade för långa textblock än för uppmärksammade rubriker, för att inte tala om vilken inverkan de har på uppfattningen av ditt varumärke.

I den här guiden delar vi upp dem alla i tre kategorier baserat på typsnittets estetik: serif, sans serif och dekorativt. Для тех, кто не знает, засечки — это те маленькие метки или «флажки», которые иногда появляются на концах букв. Мы объясним рекомендуемое использование каждого из них ниже, а также то, как они отражаются на din varumärkesidentitet.

 

När ska man använda Serif Web Fonts i webbdesign

Засечки имеют долгую историю в типографике. Но если вы ищете шрифты для веб-сайтов, все, что вам нужно знать, это то, что засечки относятся к «серьезной» стороне спектра. Это делает их отличными для профессиональных и официальных брендов, но немного противоречивыми для дружелюбных и повседневных брендов, если они не настроены соответствующим образом.

Oavsett om du letar efter det bästa webbteckensnittet eller webbteckensnittet är seriffer bäst för varumärken som vill förmedla auktoritet, sofistikering och klass. De har en klassisk dragningskraft från historien, så de fungerar bra med varumärken som har funnits länge, eller varumärken som vill ha det så att se ut som . Компромисс заключается в том, что шрифты с засечками могут восприниматься как серьезные, возможно, излишне формальные, поэтому, если вы используете их, они должны работать с ценностями вашего бренда, чтобы не оттолкнуть målgrupp.

Также стоит отметить, что шрифты с засечками удобны для чтения, поэтому их часто используют для основного текста, заголовков и подзаголовков. Это не значит, что шрифты без засечек плохо читаются; они отлично подходят для длинных блоков текста. Но есть причина, по которой высококлассные издания, такие как The New York Times и Boston Globe, använder fortfarande serif-webbfonter för sina digitala artiklar. Och, inte en slump, båda dessa tidningar lutar sig mot "formella" och "klassiska" varumärkesstilar samtidigt som de främjar långa kopior.

Teckensnittens storlek och stil är också avgörande. Stora, djärva seriffer kommer att få ditt teckensnitt att se mer stiliserat ut och i extrema fall mer levande och professionellt. Likaså är mindre och mindre seriffer mindre formella – perfekt om du letar efter ett lyckligt medium mellan "seriöst" och "roligt".

Bästa serif webbteckensnitt:

Exempel typsnitt för Baskerville

Exempel på typsnitt för Cambria

Exempeltypsnitt för Courier

Exempel på typsnitt för Didot
Exempel teckensnitt för Garamond
Exempel teckensnitt för Times New Roman

Bästa serif webbteckensnitt:

Exempel på typsnitt för kläder

Exempel typsnitt för Argesta
Exempel på typsnitt för Bogart
 
Exempel teckensnitt för Giveny
 
Juana webbteckensnitt
 
Exempel på typsnitt för Maiah.
 
 

När ska man använda sans serif webbteckensnitt?

Sans serif-teckensnitt är raka motsatsen till serif-teckensnitt, både i form och hur de ser ut för betraktaren. I detta fall sans betyder bokstavligen "sans serif", så alla sans serif-teckensnitt är sans serif-teckensnitt.

Som du kan föreställa dig är sans serif-teckensnitt mer enkla och bekymmersfria. De ser inte ut som serif-teckensnitt. Sans serifs är typsnitt för vänliga samtal och informella meddelanden, som påminner om enkel handstil. De är designade för snabbhet och enkelhet, kanske på bekostnad av anständigheten.

Sans serif-teckensnitt är bäst för webbplatser som vill visa sina besökare "Vi är precis som du." De är avslappnade och avslappnade, perfekta för utbildningsmaterial, digitala publikationer eller bloggar. Om du skämtar mycket eller använder emojis i dina artiklar, skulle ett sans serif-teckensnitt teoretiskt fungera bäst.

По этой же причине веб-шрифты без засечек являются предпочтительным выбором для неформального и дополнительного текста: подписей к изображениям, публикаций в sociala nätverk, подписей, заявлений об отказе от ответственности и веб-рекламы. Шрифты без засечек лучше работают в тексте, когда чтение выполняется быстро и без срочности, поэтому важно понимать, как ваша целевая аудитория потребляет тип контента, который вы хотите создать, прежде чем выбирать, может ли это быть лучшим веб-шрифтом (или безопасным для Интернета). font) для вас.

 

Bästa web sans serif-teckensnitt:

Exempel teckensnitt för Arial webbteckensnitt

Exempel på typsnitt för Calibri

Exempel teckensnitt för Dejavu Sans webbteckensnitt

Exempel på typsnitt för Genève
Exempel teckensnitt för Helvetica webbteckensnitt

Bästa sans serif webbteckensnitt:

Exempel teckensnitt för Devant Pro

Exempel teckensnitt för Grafton webbteckensnitt
Exempel teckensnitt för IBM Plex Sans
 
Exempel teckensnitt för Italico webbteckensnitt
Exempel teckensnitt för Monolith
Exempel teckensnitt för TT Norms Pro webbteckensnitt
 

När ska man använda dekorativa webbteckensnitt.

Наконец, у нас есть декоративные шрифты, которые могут быть шрифтами с засечками или без засечек. Они также могут быть лучшим веб-шрифтом или веб-безопасным шрифтом для ваших заголовков и заголовков. Декоративные headset имеют богатый дизайн; они должны быть художественными или стилистическими, с большим упором на то, как они выглядят, чем на то, что они говорят. Хотя большая часть типографики предназначена для функциональности, эти шрифты предназначены для зрелища.

Dekorativa typsnitt är bäst för att framhäva och framhäva, som rubriker, markerade citat eller artikeltitlar. De är grädden på moset, så använd dem sparsamt och för en dramatisk effekt. De tillför personlighet, humor och kreativitet, överdriv bara inte. Se det som att tillsätta salt till din matlagning och undvik att överväldiga publikens smak. Det betyder att de inte fungerar för långa textblock eller bildtexter. Varken för ditt varumärkes kontaktinformation eller för texten i din sidfot.

Eftersom dekorativa webbteckensnitt passar alla stilar och personligheter kan de fungera utmärkt när de paras ihop med enklare serif- eller sans serif-teckensnitt. Men offra aldrig läsbarheten för utseendet. Dekorativa typsnitt är bara underhållning tills läsaren kan förstå vad de har att säga.

Hur väljer man rätt typsnitt för logotyp?

Bästa dekorativa webbteckensnitt:

Bradley Hand-typsnitt för webbteckensnitt

Bradley Hand Font

Font Brush Script MT webbteckensnitt

Font Copperplate webbteckensnitt

Luminari teckensnitt
Font Monaco webbteckensnitt
 

Eller så kan du bara använda Comic Sans

Выбор веб-шрифта для вашего сайта — важное решение, которое влияет как на то, как посетители используют ваш сайт, так и на то, как они воспринимают ваш бренд. Чтобы быть уникальным и завоевать авторитет в своем веб-дизайне, часто нужно найти лучший веб-шрифт, а не лучший веб-шрифт. Применение правильного шрифта в правильных местах влияет на то, какие элементы будут видны в первую очередь, а при стратегическом использовании может öka konverteringen, время пребывания на сайте и многие другие бизнес-цели.

Om den här lösningen verkar för komplicerad kan du alltid bara använda Comic Sans. När allt kommer omkring, vad tjänar dödliga till dig om du kan vandra bland gudarna?

 АЗБУКА