Cufon. Качване на персонализирани шрифтове в сайта

Cufon е библиотека, написана на java script. Целта му е много проста - използването на нестандартни шрифтове на html страници, независимо дали този шрифт е инсталиран на клиентската машина.

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

Е, ще ви кажа как да направите красив шрифт. Първо трябва да генерирате този шрифт. Тоест отидете тук http://cufon.shoqolate.com/generate/ и щракнете върху преглед в полето, изберете шрифта, който искате да изтеглите. Трябва също така да поставите отметка в квадратчето, че сте съгласни с ЛСКП, то се намира до такова изречение „ЛСКП на тези шрифтове позволяват уеб вграждане (без Adobe Flash)“

Продължавай. Ако използвате български букви, тогава трябва да поставите отметка в квадратчето до „Руска азбука“. Да е малко по-надолу, където има голям списък с настройки. Там можете да го настроите по ваш вкус. В долната част поставете отметка в квадратчето до „Потвърждавам и приемам тези условия“ И накрая кликнете върху бутона „Да направим това!“ Полученият файл се записва в папката, където се намира вашата html страница.

Така че имаме файла, сега трябва да свържем цялото това нещо. Но първо трябва да изтеглите този файлhttp://cufon.shoqolate.com/js/cufon-yui.js В html файла на страницата (или php няма значение, като цяло уеб страниците :)) пишем следното между таговете:

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

тип скрипт = "текст/javascript" > Cufon. сега(); Докато пишат, изглежда, че шрифтовете се зареждат по-бързо в IE.

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

Ако имате инсталирана библиотека "jquery", тогава можете да включите шрифт за няколко етикета:

Думата "замени" с малки букви!

Ако трябва да заредите няколко шрифта, свързваме още един шрифт отгоре. И при рендиране пишем: Cufon . replace ('h2', < fontFamily: 'VivaldiD CL' >) ;

Тоест етикетът и шрифтът, от които се нуждаем.

Поддръжка на Brazur:

Предимства:

  1. достатъчна съвместимост между различни браузъри
  2. минимум външни файлове за произволно количество текст с нестандартен шрифт
  3. лесен за изпълнение
  4. собственикът на сайта може лесно да редактира текста
  5. параметрите на шрифта (размер, тегло, цвят) се променят лесно
  6. има реакция на зависване
  7. възможност за добавяне на сянка към текста (text-shadow. В IE обаче сянката няма да бъде съвсем същата, каквато трябва да бъде)
  8. защита на използвания шрифт от копиране
  9. възможност за разлагане на шрифта само на необходимите знаци, за да се намали размерът на файла с шрифта
  10. не изисква допълнителни библиотеки
  11. малък размер на скрипта

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