Красиви шрифтове с @ шрифт в лице

Красиви шрифтове с @ шрифт в лице

* URL Източник текст: http://hacks.mozilla.org/2009/06/beautiful-fonts-with-font-face/
Въпреки че Firefox 3,0 въведени подобрения в печат akazyvaemyh начини за използване на подкрепа керн, литература, и няколко тежести, както и подкрепа за предоставяне на сложни сценарии, авторите все още е ограничено използване на наличните шрифтове в своите проекти. Firefox 3,5 премахва това ограничение чрез въвеждането на подкрепа CSS @ шрифт в лице обикновено метод на свързване TrueType и OpenType шрифтове като код изображения комбинирани днес. Safari подкрепя този вид на шрифта съобщения от версия 3.1 и Opera обяви, че те планират да го подкрепи в десетия Opera
Използване @ шрифт в лице комуникация е сравнително прост шрифт. Всеки стил @ шрифт в лице определя името, което ще се използва, ресурсният шрифт и стилистични характеристики на лицето да бъде зареден, дори и ако, например, би било например получер или курсив. Firefox 3.5 само сваляния на шрифтове, колкото е необходимо, за да можете да се изброят в стила на шрифта в стаята, от които само няколко избрани ще бъдат реално използвани.
/ * Graublau Sans Web (www.fonts.info) * /
@ Шрифт в лице { 
шрифт семейство: Graublau Sans Web; 
SRC: URL (GraublauWeb.otf) формат ("OpenType"); 
}
тялото { 
шрифт семейство: Graublau Sans Web, Lucida Grande, безсерифен; 
}
Браузъри, които поддържат @ шрифт в лице, направи текста, без да използвате Graublau Мрежата, и старите браузъри ще изготви текста с или Lucida Grande-, или лицето по подразбиране безсерифни. Пример тук : 
https://hacks.mozilla.org/wp-content/uploads/2009/06/graublausanswebdemo.png 
CAPA дълбоко
Повечето шрифтови семейства днес се състои от четири лица: редовно, удебелен, наклонен и удебелен курсив. За определенията на всеки един от тези лица се използват шрифт тегло и шрифт в стил дръжки. Те определят стила на човек, ако няма концепция етап или наследство. Без ясна дефиниция на всяка от тези по подразбиране стойност "нормално": 
/ * Gentium от SIL International * / 
/ * Http :/ / scripts.sil.org / gentium * /
@ Шрифт в лице { 
шрифт семейство: Gentium; 
SRC: URL (Gentium.ttf); 
/ * Font-тегло, шрифт в стил ==> по подразбиране към нормалното * / 
}
@ Шрифт в лице { 
шрифт семейство: Gentium; 
SRC: URL (GentiumItalic.ttf); 
шрифт в стил: курсив; 
}
тялото {шрифт семейство: Gentium, Times New Roman, Serif;}
Пробата текста по-долу , ако се сервира с този тип: 
https://hacks.mozilla.org/wp-content/uploads/2009/06/multiplefaces.png
Nedaatsanennay особеност е, че @ шрифт в лице ви позволява да създадете семейство с повече от просто още един смел и лицето - до 9 тегла могат да бъдат определени за едно семейство. Това важи дори и в Windows, където основните ограничения платформа обикновено ограничаване на шрифта семейство просто още един смел и тежести. Fonts като японската отворен код M + шрифтове , с проекти, колкото е седем тежести.Изборът се използва в примера по-долу: 
https://hacks.mozilla.org/wp-content/uploads/2009/06/multipleweights.png
В някои случаи, авторите предпочитат да използват повече шрифтове са на разположение само на местно ниво и да ги изтеглите, ако тези лица не са налични. Това е възможно с използването на местни (), за да се определи SRC справят @ шрифт в лице текст правило. Browser обхождане на списъка с шрифтове в SRC дескриптори, докато тя успешно обувка горе първо 
/ * MgOpen Модерна * / 
/ * Http :/ / www.zvr.gr / правописна грешка / mgopen / индекс * /
@ Шрифт в лице { 
шрифт семейство: MyHelvetica; 
SRC: местни ("Helvetica Neue"), 
местно ("HelveticaNeue"), 
URL (MgOpenModernaRegular.ttf); 
}
@ Шрифт в лице { 
шрифт семейство: MyHelvetica; 
SRC: местни ("Helvetica Neue Bold"), 
местно ("HelveticaNeue-Bold"), 
URL (MgOpenModernaBold.ttf); 
шрифт тегло: смели; 
}
тялото {шрифт семейство: MyHelvetica, безсерифен;}
На снимката по-долу показва: от горе до долу резултати на Mac OS X, Windows и Linux за един прост тест , който използва шрифта определени по-горе: 
https://hacks.mozilla.org/wp-content/uploads/2009/06/macwinlinrendering.png
Helvetica Neue шрифт семейство е достъпно на повечето системи Mac OS X, но като цяло не на машини, работещи под Windows или Linux. Пример за това е на Mac OS X, защото местната използва Helvetica Neue шрифта и не е заредена. На Windows и Linux да зареди неуспешен местно шрифт и смяна на шрифта на MgOpen Moderna, изтеглят и използват вместо това. MgOpen Moderna е предназначен да замени Helvetica, така че тя прави същото Helvetica Neue. По този начин, авторът не може да гарантира на външния вид на текста, но да се избегне натоварване на шрифта, ако имате нужда от него.
Името се използва за идентифициране на конкретен човек шрифт, пълното име на отделните шрифтове. Като цяло, това име плюс име (например, "Helvetica Bold"). Под Mac OS X наименование е посочено в информационния панел за това лице. Изберете едно лице и изберете "Информация Покажи Font" в "View в FontBook: 
https://hacks.mozilla.org/wp-content/uploads/2009/06/fontbookinfo.png
Подобни устройства съществуват за Linux. На Windows, на шрифта свойства разширение , което може да бъде изтеглен безплатно от Microsoft, за да видите имената. С разрастването на установения свойства екран показва информация за избрания шрифт. Пълното име е посочена като "Font Name" върху името раздела: 
https://hacks.mozilla.org/wp-content/uploads/2009/06/fontproperties.png
Safari поддържа само справка PostScript име в Mac OS X, така че под Mac OS X Postscript имена също се поддържат. За шрифтове OpenType PS (често пъти се определя като разширяването на ОСТ) пълното име съвпада с името на PostScript за Windows. По този начин, за тези автори се насърчават да включват името на шрифта, както и името на PostScript за съвместимост на различни платформи.
Поддръжка на много езици
Много езици страдат от липса на наличните шрифтове. Малцинствените езици и древна азбука, като опция, която често се свежда до едно просто шепа. Използване @ шрифт в лице позволява на авторите да се използват тези езици да я подобрим, включително шрифтове от техните страници. 
@ Шрифт в лице { 
шрифт семейство: Шехерезада; 
SRC: URL (шрифтове / ScheherazadeRegAAT.ttf) формат ("TrueType-ААТ"), 
URL (шрифтове / ScheherazadeRegOT.ttf) формат ("OpenType"); 
}
тялото {шрифт семейство: Шехерезада, Serif;}
Език, като арабски текст, изискват формирането на случаите, когато това се появява символът зависи от знаците, които го заобикалят. Различни платформи поддържат различни оказване технология, така че текстът да се формира под Mac OS X, ААТ шрифтове са необходими за Windows и Linux, вие OpenType шрифтове са задължителни. Няма текст в необходимия формат за дадена платформа, текстът на образуването няма да работи коректно. 
https://hacks.mozilla.org/wp-content/uploads/2009/06/arabicsample.png
Под Mac OS X версия AAT на шрифта мишката. На Windows и Linux, където рендиране с ААТ шрифтове не се поддържат, да изтеглят шрифтове ААТ пропуска и вместо това използвайте OpenType шрифтове. По този начин, текстът не се показва правилно на всички платформи.
Cross-Site Използване Fonts
По подразбиране Firefox 3.5 позволява само шрифтове, за да изтеглите страница, потреблението на същото място. Това не позволява на уеб сайтове, използвайки безплатни шрифтове, да ги намерите в други сайтове. За сайтове, които са ясно искат да преминат на място на шрифта vykarystovvyvalsya направи размяна с електронна библиотека от шрифтове, например, Firefox 3.5 поддържа използването на заглавието за контрол на достъпа . С добавянето на допълнителни HTTP заглавни заглавията са изпратени на шрифта файлове и обекти могат да разрешат използването на Cross-Site. 
# Пример Apache. Htaccess файл, за да добавите заглавието контрол на достъпа
<FilesMatch ".(ttf|otf)$"> 
<IfModule Mod_headers.c> 
Header набор Access-Control-Позволете-Origin "*" 
</ IfModule> 
</ FilesMatch>
С този хедър е включен и всеки може да осъществите достъп до страницата шрифтове в този сайт, а не само на страници от същия сайт.
Проблеми на шрифта лицензиране
При използване на шрифт за един сайт, че е важно винаги да се потвърди, че шрифта, използван в лицензията уебсайт. Ако лицензионен договор е изпълнен с непрозрачно Юридическият страна на повишено внимание и проверете шрифта продавач, преди да използвате шрифта на сайта. Ако лицензът ви позволява да го използвате, това е добра идея, за да добавите коментар в @ шрифт в лице правило, показваща лиценз за бъдеща употреба.
"Намерих си безплатно шрифта, мога да го използвате на вашия сайт?"
Може би, може би не. Някои шрифтове са разпределени като закачка за насърчаване на покупките на продукти и не се преразпределят или пощата на уеб сървър. Проверете лиценз дори за безплатни шрифтове.
"Искам да използвам [посочете име на любима шрифта тук] в моя сайт. Възможно ли е? "
Сега, може би не. Използването на текст комуникация в интернет е все още в зародиш. Повечето от шрифтове този кораб със собствена операционна система днес, имат лицензи, които ограничават използването на стандартни десктоп приложения, така че шрифтове натоварването на уеб сървър, почти със сигурност няма да бъде разрешено. Пиратството е измъчван на шрифта-индустрията в миналото, така че повечето шрифтове производители са предпазливи разрешение на техните шрифтове, които се използват само в относително ограничени обстоятелства. Много производители на шрифтове, фокусирани върху нуждите на издателска и полиграфическа промишленост, както и относителната сложност на техните лицензионни споразумения често отразяват това. В бъдеще, някои шрифтове дизайнери ще могат да се заключи, че продажбата на шрифтове и уеб шрифтове ще компенсират евентуална загуба на продажби, дължащи се на пиратството, а други не. Тяхната лицензионен договор ще се отрази този избор трябва да се направи. 
Фондовият пазар е често по-dvyuhmlrd снимки. пазар, но шрифтовете уеб пазара все още близо до нулата млрд. пазара, то може само да расте!
Font Връзки в Internet Explorer
Шрифтът е станало възможно благодарение на Internet Explorer, но само позовавания на шрифтовете в родния шрифт формат EOT. Единственият начин за създаване на SRV шрифтове е да се използва устройство Microsoft WEFT , е достъпна само на Windows. Само TrueType и OpenType шрифтове TT може да се преобразува във формат SRV OpenType PS (. ОСТ) шрифтове не могат да бъдат използвани.
Internet Explorer признава само на шрифта семейство и SRC дръжки @ шрифт в лице правило, така че всяко семейство може да се състои само от един човек. Той не разбира формат () съвет и ще игнорира всички @ шрифт в лице правило, съдържаща тези намеци. Това поведение може да се използва шрифтове връзки, които позволяват по-платформа: 
/ * Font определение за Internet Explorer * / 
/ * (* Трябва * да бъде първият) * / 
@ Шрифт в лице { 
шрифт семейство: Gentium; 
SRC: URL (Gentium.eot) / * не може да използва формат () * /; 
}
/ * Font определението за други браузъри * / 
@ Шрифт в лице { 
шрифт семейство: Gentium; 
SRC: URL (Gentium.ttf) формат ("OpenType"); 
}
По-нататъшната работа
Firefox 3.5 за шрифт участък и Unicode-бандов дескриптори не се поддържат. Fonts, определени в SVG документи също, все още не се поддържа.Те са в процес на разглеждане за включване в бъдещи издания. Както винаги, пластири са добре дошли! 
Допълнителни източници
Документация 
MDC @ шрифт в лице документацията 
CSS2 Fonts спецификация 
CSS3 Fonts проект 
Cross-Origin Resource Споделяне на работен проект
Примери 
CSS @ Ten: The Next Big Thing 
Пример оформление използване Graublau Sans 
Примери за Интересни Web Typography 
Елементите на Печатарски Style Приложена към Web
Fonts - Ресурси 
Font Squirrel 
10 големи безплатни шрифтове за @ шрифт в лице 
Web-базиран шрифт подмножества инструмент 
40 Отлични Free Fonts от Smashing Magazine 
FontTools / ТТХ - Python скриптове за показване на данните за шрифта
Font политика 
Microsoft Бил Hill за Font Вграждането 
Microsoft Крис Уилсън за директно свързване към TrueType шрифтове 
Robert O'Callahan блог пост на формати уеб шрифтове 
Дискусия на шрифта формати на W3C среща TPAC 
Марк Пилгрим мнение критично шрифта леярни 
David барона мисли за сваляне формати на шрифта

Like Us On FB

Ajoft Technologies

We are enterprise level product and applications development company specializing in developing high end scalable software and smart phone products and advanced applications.
Live Help