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

Поздрави! Когато vorstke страници на сайта, както и понякога трябва да се справят с нестандартни шрифтове. Но не всеки начинаещ знае как да използва персонализиран шрифт на сайта.

Нестандартни шрифтове са тези, които не са в стартирането на пакета на операционната система. С други думи, това е самостоятелно направени шрифтове, или да се изтеглят от интернет и т.н. Standard може да се нарече тези шрифтове като Tahoma, Verdana, Arial, Times New Roman, и т.н. Това означава, че тези, които са на всеки компютър (освен ако не ги изтриете). Както знаете, в тази статия ще говоря само за нестандартен. Така че ето го.

Използване на персонализирани шрифтове като основен, не е вярно, по мое мнение, са по-подходящи за по-малки единици на сайта (капачката, хоризонтално меню. Странични ленти). Задайте ги по стандартния начин не може или по-скоро може да бъде, те са отворени на вашия компютър, а други не. Всички, защото те са монтирани, но съответно няма посетители,, на вашия компютър. Е, ако един посетител ще види безсмислици на сайта, курсорът на мишката му, бързо достига за бутона "X".

Този проблем може да се избегне по два начина: всичко, което трябва да донесе нестандартен шрифт, за да се направи като изображение или да се свържете с желания сайт шрифт. С първия вариант, всичко е ясно, така че аз ще обсъдим в тази статия, само второто.

Font-Face - инсталиране на потребителски шрифтове на уебсайт

В CSS, има специални правила @. Така че това е един от тях, и ви позволява да свържете вашия сайт на шрифта. Погледнете внимателно в кода.

За тези, които не разбират кода обяснява. Ние използваме правило @ шрифт в лице, в което пишем името ни за шрифт (терминатор), както и уточняване на връзката, за да си разположение на сайта. В непосредствена близост до всички тагове Разделение определени терминатор на шрифта. Изглежда всичко е лесно и просто, както на фиксирания фона на сайта.

Но не е толкова голям, колкото изглежда, като причина, тъй като в някои случаи снимките са използвани вместо на шрифта. Фактът, че този метод има два недостатъка.

Font, който е свързан със сайта, той ще се увеличи времето за зареждане, шрифтове и може да тежи от 100 килобайта до 10 мегабайта. Понякога дори повече.

Друг минус е, по-сериозно. За оформлението на различни браузъри трябва да изтеглите същия шрифт в четири различни формати. Конвертиране на шрифта във всичките четири формати, можете да използвате конвертор клас fontsquirrel шрифтове. Нека поговорим за своите плюсове и минуси:

- Три режима на преобразуване, Easy, Оптимално, експерт.

- Тя се превръща в различни формати на шрифта.

- Той създава CSS файл с кода готови да го поставите в сайта си.

- Голям набор от опции за текст на дисплея.

- Не работи с лицензирани (защитени) шрифтове.

Естествено, след инжектирането на четири шрифтове на сървъра, всеки от тях ще трябва да се регистрират във файл стил на сайта. Или копирайте генерирания код с готовия CSS шаблон. който ще ви даде преобразувателя. Във всеки случай, аз го публикувам тук.