Веб-беттердегі таңдамалы қаріптерді пайдалану
Мәтіннің мазмұны әрқашан веб-сайттардың маңызды бөлігі болған, бірақ веб-сайттың алғашқы күндерінде дизайнерлер мен әзірлеушілер олардың веб-беттерінде болған типографиялық бақылауда қатаң шектелді. Қаріптерде олардың сайттарында сенімді түрде қолданыла алатын шектеулер енгізілді. Бұрын айтылған «веб-қауіпсіз қаріптер» терминін естіген шығарсыз. Бұл адамның компьютеріне қосылуы ықтимал қаріптердің кішкене жиынтығына сілтеме жасай отырып, егер сіз сайт осы шрифттердің біреуін қолданса, бұл адамның браузерінде дұрыс көрсетілетін қауіпсіз парақ болатындығын білдіреді.
Бүгінде веб-мамандармен жұмыс істеу үшін жаңа қаріптер мен типтік опциялар бар, олардың біреуі WOFF форматы.
WOFF дегеніміз не?
WOFF - бұл «Веб-қаріп форматы» деген сөздің акронимі. CSS @ font-face сипатын пайдалану үшін қаріптерді қысу үшін қолданылады. Бұл веб-беттердегі қаріптерді енгізудің тәсілі, осылайша, арнайы Arial, Times New Roman, Грузиядан тыс мамандандырылған қаріптерді қолдануға болады - бұл жоғарыда аталған веб-қауіпсіз қаріптер.
WOFF W3C-ге веб-беттер үшін қаріптерді орау үшін стандарт ретінде ұсынылды. Бұл 2010 жылғы 16 қарашада жұмыс жобасы болды. Бүгінгі күні бізде WOFF 2.0 бар, ол форманың алғашқы нұсқасынан 30 пайызға қысқарады. Кейбір жағдайларда, бұл жинақ тіпті одан да көп болуы мүмкін!
WOFF пайдалану керек пе?
Веб-қаріптер, соның ішінде WOFF форматы арқылы жеткізілгендер, басқа қаріптер таңдауынан көп артықшылықтар береді. Бұл веб-қауіпсіз қаріптер ретінде пайдалы және біздің жұмысымызда бұл қаріптерге әлі де орын бар, біздің таңдауларымызды кеңейтіп, типографиялық опцияларды ашуға болады.
WOFF қаріптерінің келесі артықшылықтары бар:
- Олар қаріптерден кескіндер ретінде қол жетімді. WOFF стилі CSS көмегімен қарапайым HTML мәтінін береді, бұл сізге рұқсат берілмейтіндіктің және дизайнды басқаруды береді.
- WOFF файлдарында контекстік формалар және ескі стильдер сияқты баспа ақпараты бар. Бұл сіздің веб-беттеріңізді жақсы типографияға береді, себебі сіз жақында ғана емес, дұрыс таңбаларды қолданып жатырсыз.
- WOFF қаріптері интернационализацияға көмектесе алады, себебі қаріптерді басқа тілдердегі таңбалармен ендіруге болады.
- Барлық CSS стиліндегі мәтіндер сияқты, WOFF-мен сипатталған қаріптер де іздеуге ыңғайлы. Іздестіру жүйелері кескінге кірістірілген мәтінді «көрмейді» және ALT мәтіні көмектесетін болса, мәтіннің өзі үшін алмастырылмайды.
- WOFF қаріптері қысылады, сондықтан олар басқа қаріп файлдарының түрлерінен кішірек. Бұл торапты жүктеу жылдамдығына және жалпы өнімділігіне көмектеседі.
- WOFF файлдары ретінде корпоративтік қаріптерді ендіру арқылы брендіңізді сақтау үшін WOFF файлдарын пайдалануға болады.
WOFF браузері қолдау
WOFF заманауи браузерлерде браузерлердің тамаша қолдауын ұсынады, соның ішінде:
- Chrome 6+
- Firefox 3.6+
- Internet Explorer 9+
- Opera 11.1+
- Safari 5.1+
Бұл күндері басқармада негізінен қолдау көрсетіледі, тек Opera Mini-ның барлық нұсқалары ғана ерекшеленеді.
WOFF қаріптерін қалай пайдалануға болады
WOFF файлын пайдалану үшін веб-серверге WOFF файлын жүктеп, оны @ font-face сипатымен атау беріп, содан кейін CSS-дегі қаріпті шақырып алыңыз. Мысалға:
- Веб-сервердің / fonts каталогына myWoffFont.woff деп аталатын қаріпті жүктеңіз.
- Сіздің CSS файлыңызда @ font-face бөлімін қосыңыз:
@ font-face {
font-family: myWoffFont;
src: url ('/ fonts / myWoffFont.woff') пішімі ('woff');
}
- Қаріптің кез-келген басқа атауына ұқсас жаңа қаріп атауын (myWoffFont) CSS қаріп стекке қосыңыз:
p {
font-family: myWoffFont , Женева, Arial, Helvetica, sans-serif;
}
WOFF қаріптерін қайдан алуға болады
Коммерциялық және коммерциялық емес мақсаттар үшін тегін WOFF қаріптерін таба алатын екі тамаша орын бар:
- Қаріптер кітапханасын ашыңыз
- Қаріптің Squirrel
WOFF форматында қол жетімді емес қаріпті пайдалану үшін лицензияңыз болса, қаріп файлдарын WOFF файлдарына түрлендіру үшін WOFF жасаушысын сияқты Қаріп алжапқышы сияқты пайдалануға болады. Сондай-ақ, TrueType / OpenType қаріптерін WOFF файлына түрлендіру үшін Macintosh және Windows жүйесінде пайдалануға болатын sfnt2woff деп аталатын пәрмен жолы құралы бар.
Бинарлықты жүйеңізге жүктеңіз және оны пәрмен жолында (немесе Терминалда) іске қосып, нұсқауларды орындаңыз.
WOFF мысалы
WOFF файлдарының бірнеше мысалы: WOFF беті 24 сағатта HTML5-де.
Дженнифер Крининнің түпнұсқа мақаласы. 7/11/17 ж. Редакцияланған Jeremy Girard