Как да вкарам нестандартен шрифт в сайт?

D

dimdoff

Member
Здравейте, правя един сайт, на който текстовото съдържание искам да се показва на потребителите в определен шрифт /дизайнерски тоест не стандартен с използваните уеб шрифтове/. Проблема е, че сайта като се посети от потребител, който няма инсталиран този шрифт на компютъра, не го вижда като такъв а като стандартен ариал примерно.
Това как да го избегна. :(
 
От: Как да вкарам нестандартен шрифт в сайт?

Има няколко javascript туулчета, с които текста ти се превръща на картинки със шрифта дето си избрал.

Cufon май е най-популярно: http://cufon.shoqolate.com/
 
От: Как да вкарам нестандартен шрифт в сайт?

Да, общо взето Cufon и sIFR са ти най-добрите опции.
Минусът е, че при cufon потребителят не може да селектира текста (с повечко желание hover ефект можеш да постигнеш), а пък sIFR флаш използваше. Design.bg на сайта си ползват sIFR.
 
От: Как да вкарам нестандартен шрифт в сайт?

Не е много практично, понеже товари сървъра, пък и повече трафик.
Освен това не е много добре от гледна точка на SEO.
 
От: Как да вкарам нестандартен шрифт в сайт?

Най-native и модерният начин е @font-face. Не иска дори джаваскрипт.

Може сам да си напишеш декларацията, но е препоръчително да се ползва http://www.fontsquirrel.com/fontface/generator - генерира всички необходими формати та да могат да го зацепят кажи речи сички браузъри (включая ИЕ).

Куфон е оправдано да се ползва САМО ако конкретният шрифт не е оптимизиран за уеб-ембединг и изглежда грозно. Ама някой път пък Куфонираните текстове изглеждат по-грозно тъй че трябва да се тества.

сИФР е бая одъртяло - иска флаш и товари клиента най-много.

Генерирането през PHP се казва FLIR и по принцип излиза бая блърнато, особено ако не е едър шрифта.
 
От: Как да вкарам нестандартен шрифт в сайт?

IE не се справя с @font-face, което мисля е потвърдено и за IE9.
Уж признава само embedded opentype, което общо взето обезсмисля концепцията. Какво прави този fontface generator?
 
От: Как да вкарам нестандартен шрифт в сайт?

Генераторчето конвертира ъплоуднатия шрифт в WOFF, EOT ( за ИЕ) и разни други по желание. Генерира и нужния CSS - подрежда декларациите на различните формати тъй че да не се зареждат излишни шрифтове (понеже са си килобайти се пак), а само тоя дето трябва за ползвания браузър.

Даже има опция за криптиране на фонта в самия CSS вместо да губи време да отваря, чете, зарежда инфото от файла на шрифта - или нещо от рода, де да знам кво точно. За по-бързо ужким.

Туулчето вече е нещо като industrial standard, ползвайте спокойно. Само тествайте в различните браузъри как изглежда че има разлики. Във Firefox по принцип излиза най-зле :)

ПС: За Мак ОС няма смисъл да се кахърите и да тествате - там всички фонтове излизат идеално.
 
Последно редактирано:
Чете се, няма проблеми. Може да имаш проблеми с авторските права за ползване на шрифта, който си избрал.
 
От: Re: Как да вкарам нестандартен шрифт в сайт?

vbTK каза:
Чете се, няма проблеми. Може да имаш проблеми с авторските права за ползване на шрифта, който си избрал.
Увеличете...

ако ползвам тези шрифтове ,. ...от тука http://www.cufonfonts.com/bg/
 
От: Re: Как да вкарам нестандартен шрифт в сайт?

Чете се, няма да имаш никакви проблеми.
 
От: Как да вкарам нестандартен шрифт в сайт?

Спами смислено, че ше те оцвъкат с червени точки.

По темата:
Не бих куфонизирал шрифтове от cufonfonts.com. Няма информация за лиценза.
Шрифтове за ембедване - във fontsquirrel.com. Там са с проверен лиценз. Но все пак трябва да се прочете понеже може да има подробности - примерно шрифтовете на един известен правач на шрифтове изисква да се включи урл-то на сайта му в CSS-a.
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Горе