Как да използвате персонализиран шрифт на уебсайта

Вие сте тук: Начало - CSS - CSS Основи - Как да използвате персонализиран шрифт на уебсайта

Как да използвате персонализиран шрифт на уебсайта

Когато vorstke страници от време на време трябва да се справят с нестандартни шрифтове. Разбира се, да я използват като основен център не е необходимо, но в различните отделните елементи, например, в заглавната част, това е напълно възможно. Проблемът с тези шрифтове е, че тя просто не може да бъде на компютъра на потребителя, което ще доведе до факта, че той е подходящ текст ще се показва в стандартен шрифт, в резултат на което дизайн ще се развали. Този проблем е решен много просто: всички нестандартен шрифт намали само като картина. Въпреки това, има и друг начин да се използва персонализиран шрифт на сайта.

Позволете ми да пиша CSS код. и след това ще обясня:

@ Font лице шрифт семейство: SpecialFont;
SRC: URL ( "шрифт / specialfont.ttf");
>
р шрифт семейство: SpecialFont;
>

В резултат на това на етикетите

шрифтът ще бъде приложен SpecialFont. Мисля, че доста прозрачен код, но все пак ще обясня. Вие трябва да отида на шрифта и го качете на вашия сайт, например, в папката на шрифта. По-нататък в CSS код регистър в името на @ различни видове шрифтове, както и пътя до него, и след това можете да го използвате.

Но не за нищо, че в повечето случаи, се използва за показване на изображения нестандартни шрифтове. Ние използваме @ шрифта лице има 2 недостатъка:

  1. Има много големи шрифтове, които тежат стотици килобайти, които драстично ще се увеличи времето за зареждане на страницата.
  2. Друг минус по-сериозно. Не всички браузъри поддържат това. Освен това, някои браузъри трябва шрифт в различен формат (не ВНЛ). По този начин, някои си текст все още не се появява. За да се реши този проблем, е необходимо да изтеглите същия шрифт в различни формати, които ще подсилят първия отрицателен в пъти.

Но трябва да се отбележи, че първият минус не е толкова принципна, както преди. Тъй като скоростта на интернет връзката, се разраства много бързо, и има няколко, които са загрижени за допълнително 100-200 KB.

Друг минус също не е толкова принципен. На само повече или по-малко популярните браузъри, които не разбират този код - това е IE8 и по-долу. плюс IOS. Всички други съвременни браузъри ще разберат кода без проблеми.

Като се има предвид, че IE8 все още сравнително популярен, лично аз все още ще показват нестандартни шрифтове са все още под формата на снимки. но се надявам, че в близко бъдеще на браузъра ще се превърне в история, и след това ще бъде възможно да се използва @ различни видове шрифтове и TTF-шрифтове.

Послепис Всички жени ви поздравя за празника на пролетта!