Выкарыстанне карыстацкіх шрыфтоў на вэб-старонках
Змест тэксту заўсёды была важнай часткай вэб - сайтаў, але ў першыя дні ў Інтэрнэце, дызайнеры і распрацоўшчыкі былі моцна абмежаваныя ў друкарскім кантролі , што яны мелі над іх вэб - старонак. Гэта ўключала абмежаванне ў шрыфтах, што яны былі ў стане надзейна выкарыстоўваць на сваіх сайтах. Вы, верагодна, чулі тэрмін «вэб-бяспечныя шрыфты», згаданыя ў мінулым. Гэта ставілася да невялікага набору шрыфтоў, якія былі вельмі верагодна, будзе ўключана на кампутары чалавека, а гэта азначае, што калі ваш сайт выкарыстоўваецца адзін з гэтых шрыфтоў, гэта было бяспечна трымаць заклад, што яна будзе аказана правільна ў браўзэры чалавека.
Сёння вэб-спецыялісты маюць мноства новых шрыфтоў і тыпу для працы з, адзін з якіх з'яўляецца фармат Уофф.
Што такое Уофф?
Уофф з'яўляецца абрэвіятурай, якая расшыфроўваецца як «Format Web Open Font». Ён выкарыстоўваецца для сціску шрыфтоў для выкарыстання з CSS @ шрыфт-слойной уласнасцю. Гэта спосаб ўбудавання шрыфтоў ў вэб-старонкі, так што вы можаце выкарыстоўваць спецыяльныя шрыфты, акрамя тыповага «Arial, Times New Roman, Georgia» - якія некаторыя з гэтых вышэйзгаданых вэб-бяспечных шрыфтоў.
Уофф быў прадстаўлены ў W3C у якасці стандарту для ўпакоўкі шрыфтоў для вэб-старонак. Ён стаў рабочым праектам 16 лістапада 2010 г. Сення мы фактычна маем Уофф 2.0, што паляпшае сціск ад першай версіі фармату амаль 30%. У некаторых выпадках гэтыя зберажэнні могуць быць яшчэ больш substanial!
Навошта выкарыстоўваць Уофф?
Вэб-шрыфты, у тым ліку дастаўляецца праз фармат WOFF, дае шмат пераваг у параўнанні з іншымі варыянтамі шрыфта. Як карысна, як гэтыя вэб-былі бяспечныя шрыфты, і там, вядома, яшчэ месца для тых шрыфтоў, у нашай працы, прыемна таксама пашырыць нашы магчымасці і адкрыць нашы друкарскія варыянты.
WOFF шрыфты маюць наступныя перавагі:
- Яны з'яўляюцца больш даступнымі, чым шрыфты як выявы. Стылі WOFF звычайны тэкст HTML з CSS, даючы вам даступнасць і дызайн кантролю, што малюнка не дазваляюць.
- WOFF файлы ўключаюць Друкарскую інфармацыю, як кантэкстныя формы і старыя фігуры стылю. Гэта дае свае вэб-старонцы лепш тыпаграфіку, таму што вы выкарыстоўваеце правільныя сімвалы, а не толькі набліжэнне.
- WOFF шрыфты могуць дапамагчы з інтэрнацыяналізацыяй, таму што вы можаце ўстаўляць шрыфты з сімваламі з іншых моў.
- Як і ўсе CSS стыль тэксту, шрыфты ў стылі з WOFF больш сяброўскай пошукавай сістэме. Пошукавыя сістэмы не «бачыць» тэкст, убудаваны ў малюнкі, і ў той час як ALT тэкст можа дапамагчы, няма ніякай замены для самога тэксту.
- WOFF шрыфты сціснутыя, таму яны менш, чым іншыя тыпы файлаў шрыфтоў. Гэта дапаможа з хуткасцю загрузкі сайта і агульнай прадукцыйнасцю.
- Вы можаце выкарыстоўваць Woff файлы, каб захаваць свой брэнд, ўбудоўваючы свае карпаратыўныя шрыфты, як WOFF файлаў.
Падтрымка браўзэраў Уофф
Уофф мае выдатную падтрымку браўзэра ў сучасных браўзэрах, у тым ліку:
- Chrome 6+
- Firefox 3.6 +
- Internet Explorer 9+
- Opera 11.1+
- Safari 5.1 +
Гэта, па сутнасці, падтрымліваецца праз борт у гэтыя дні, з адзіным выключэннем быўшы ўсе версіі Opera Mini.
Як выкарыстоўваць Уофф шрыфты
Для таго, каб выкарыстоўваць файл Уофф, вам неабходна загрузіць файл Уофф на свой вэб-сервер, дайце яму імя з @ шрыфта твар уласнасці, а затым выклікаць шрыфт у вашым CSS. Напрыклад:
- Загрузіце шрыфт пад назвай myWoffFont.woff ў каталог / шрыфтоў на вэб-серверы.
- У файле CSS дадаць раздзел @ шрыфт асобе:
@ Шрыфт твар {
сямейства шрыфтоў: myWoffFont;
ЦСІ: URL ( '/ шрыфты / myWoffFont.woff') фармат ( 'Уофф');
}
- Дадаць новае імя шрыфта (myWoffFont) на ваш CSS стэка шрыфта, як вы б любое іншае імя шрыфта:
р {
сямейства шрыфтоў: myWoffFont, Жэнева, Arial, Helvetica, без засечак;
}
Дзе атрымаць Уофф шрыфты
Ёсць два выдатных месцаў, вы можаце знайсці мноства шрыфтоў WOFF, якія з'яўляюцца бясплатнымі для камерцыйнага і некамерцыйнага выкарыстання:
- Адкрытая бібліятэка шрыфтоў
- Font Squirrel
Калі ў вас ёсць ліцэнзія на выкарыстанне шрыфта, які не даступны ў фармаце WOFF, вы можаце выкарыстоўваць Уофф стваральнік як у Font Squirrel, каб канвертаваць вашыя файлы шрыфты ў WOFF файлы. Існуе таксама ўтыліта каманднага радка называецца sfnt2woff, якія можна выкарыстоўваць на Macintosh і Windows, каб пераўтварыць TrueType / OpenType шрыфтоў WOFF.
Загрузіць бінарныя, прыдатны для вашай сістэмы і запусціць яго ў камандным радку (або тэрмінал) і вынікайце інструкцыям.
прыклад Уофф
Вось некалькі прыкладаў WOFF файлаў: Уофф старонка на HTML5 на працягу 24 гадзін.
Арыгінал артыкула Джэніфер Krynin. Пад рэдакцыяй Джэрэмі Girard на 7/11/17