Як використовувати кастомні шрифти в інтернеті і не зійти з розуму

чи Бувало так, що ви бачите на веб-сторінці картинки і оформлення, але не бачите тексту — він з'являється на кілька (десятків) секунд пізніше? Це завантажуються кастомні веб-шрифти. Пояснюємо, чому це відбувається і як цього уникнути.

Класичне запитання на співбесіді ops-інженерів і програмістів: ви написали в адресному рядку браузера meduza.io і натиснули клавішу Enter. Що станеться? Відповідь на 10 сторінках)
Ок, ми вказали для свого тексту font-family: PFRegal, «Times New Roman». Що станеться?
Браузер подивиться, чи є для PFRegal оголошення font-face. Якщо воно є, то почнеться завантаження файла шрифту. Що будуть бачити читачі ті секунди (десятки секунд на 3G), поки відбувається завантаження?

Читати далі →

худих шрифтів інтернет стає нечитабельним

image
Літнім людям важко читати веб-сторінки з-за змін, що сталися зі шрифтом в останні роки

Експерти з'ясували, що інтернет стає нечитабельним з-за тенденції еволюції в бік «худих» шрифтів, які погіршують видимість слів на екрані для літніх людей або людей з ослабленим зором.

У той час як раніше текст був рельєфним і темним, і добре контрастував з переважно білим фоном, тепер багато веб-сайти переходять на світло-сірі або блакитні шрифти.

Відзначений нагородами блогер Кевін Маркс, засновник Microformats і колишній віце-президент веб-сервісів в BT, вирішив вивчити проблему після того, як помітив, що став відчувати все більше труднощів при читанні тексту на екрані.

Читати далі →

Google презентувала вільний шрифт Noto з підтримкою 800 мов і 110 тис. символів



Шостого жовтня компанія Google презентувала розширену версію свого вільного шрифту Noto (No more tofu). Назва шрифту говорить. Tofu — всім відомий порожній квадрат замість символу в ситуаціях, коли той не підтримується використовуваним шрифтом: ⯐.

Новий шрифт від Google підтримує коректне відображення всіх символів юнікоду, тобто понад 800 мов і 110000 символів.

Читати далі →

Розставляємо крапки над S


Готую зараз текстури з буквами для нашої іграшки зі словами. А в таких ігор є одна особливість: не переведеш гру на якийсь мова — не бачити покупок від носіїв мови. Тому реліз гри буде локалізована на 42 мови. Це багато-багато різних букв, кожна з яких обробляється в фотошопі і вставляється в текстуру, місце в якій — на вагу золота. Доводиться вникати в пристрій сучасних алфавітів, щоб брати тільки ті букви, які дійсно потрібні в сучасних словах.

Занурившись в цей процес, я відкрив для себе, на скільки фраза «розставити крапки над і» не повна. Точки розставляють далеко не тільки зверху.

Читати далі →

FreeType 2.7 — чудова якість шрифтів Linux

У першій декаді вересня без фанфар і галасу вийшов FreeType версії 2.7, і ця подія, без сумніву, можна назвати святом на вулиці користувачів Linux, FreeDBS, NetBSD, ReactOS та інших товаришів. Спробуємо розібратися, від чого у нас таке нестримні веселощі.
FreeType — бібліотека з відкритим кодом на Сі, яку використовують для растеризації шрифтів і операцій над ними. У новій версії за умовчанням використовується алгоритм обробки інструкцій
TrueType
v40.

Це дозволило добитися якісного субпиксельного згладжування шрифтів, як в майкрософтовском
DirectWrite/ClearType
, а насправді ніякого субпиксельного згладжування не використовується. Крім того, алгоритм v40 рендерить швидше
Infinality
, який використовувався в попередньому алгоритмі v38, при цьому кінцевий результат не гірше.
Читати далі →

Книги про типографіці: все, що вам потрібно знати про мистецтво шрифтів

добірка книг по типографіці

Типографіка — це мистецтво зробити текст красивим, зручним для читання, відобразивши в накресленні літер інформаційний посил або характер видання. Це мистецтво привнести візуальну гармонію в будь-який текстовий матеріал. Мистецтво висловити сенс не тільки через слова, але і через їх відображення. Типографіка зовсім не обмежується вибором шрифтів і відступів — це більш глибока, складна і цікава дисципліна. І освоїти її вам допоможе наша добірка книг.

Читати далі →

Яким буває курсив і як його використовувати: 12 практичних порад

Ми вже писали про те, що типографіка та її підбір справляють великий вплив на якість поштової розсилки зокрема (і життя). Зрозуміло, при виборі основного шрифту для письма потрібно орієнтуватися на його читабельність (про те, які шрифти та їх характеристики найбільш популярні у відомих брендів, створюють поштові розсилки, ми розповідали тут).

Однак, як і в будь-якому якісному тексті, в розсилці важливо розставляти акценти – в тому числі і візуальні (чому це так важливо і як це зробити, читайте в цьому топіку). З подібною задачею може відмінно впоратися курсив, про який і піде мова у матеріалі ресурсу Typogrpaphy.com — ми представляємо вашій увазі його адаптований переклад.




Курсив, можливо, є найяскравішою частиною будь-якого сімейства шрифтів, виділяючись на тлі своїх «побратимів». Нижче ми розповімо про 12 різновидах курсивных шрифтів разом з описом їх культурно-історичної спадщини й практичного застосування.

На відміну від прямого шрифт, курсив більше нагадує рукописний текст. Як і в рукописному тексті, з допомогою якого ми складаємо списки покупок або офіційні запрошення, різні види курсиву можуть відображати вчинене різні настрої. Розуміння особливостей курсивных шрифтів може зробити їх цінним інструментом у руках дизайнера.
Читати далі →

3 ради по правильному використанню шрифтів в електронних листах

image

Ви коли-небудь замислювалися про те, чому вибраний вами шрифт для електронного листа не відображався в поштовій скриньці? Ймовірно, це траплялося, тому що ваш шрифт не був «безпечним», і пристрій, на якому відкривали лист, його не підтримував. У цій статті ми розглянемо поняття «веб-безпеки» шрифтів, способи використання стандартних і нестандартних шрифтів, а також кращі приклади їх використання в email-розсилки.
Читати далі →

Шрифти в умовах екстремальної економії

Дуже довго дрібні растрові шрифти були бичем KolibriOS. Але відносно недавно до проекту приєднався ще один розробник — Pathoswithin. Швидко зорієнтувавшись в проекті, він взявся за вирішення даної проблеми. Результати його роботи ви можете спостерігати в останніх нічних збірках. Ну а дана стаття є розповіддю про роботу над шрифтами, написана самим Pathoswithin.

Читати далі →

Переклад. Я залишив свої системні шрифти в Сан-Франциско

Світло побачили і нова версія iOS 9 і OS X 10.11 El Capitan, і навіть watchOS 2. І всіх їх об'єднує новий шрифт — San Francisco. І як молодого веб розробника, мене зацікавила можливість використовувати цей шрифт для веб сайтів. Так народився цей переклад статті «I Left My System Fonts In San Francisco».

У мене, як у розробника, дуже часто виникають випадки, коли на веб-сторінках необхідно використовувати системні шрифти. І, найчастіше, ці сторінки вбудовуються в наші програми, як віддалені налаштування або документація. У цьому контексті дуже важливо, щоб у кінцевого користувача зміст в'язалося з його оточенням.

Що ж, скоро ми всі будемо стикатися з контентом, який відображається в San Francisco, і нам знадобиться як-то вказати цей самий шрифт в нашому CSS.

За традицією ми можемо спробувати вказати шрифт San Francisco явно, що-небудь в цьому стилі:

body {
font-family: "San Francisco", "Helvetica Neue", "Lucida Grande";
}

На жаль, в свіжовстановленому OS X 10.11 (El Capitan) немає цього шрифту.



Але як це можливо, адже це ж системний шрифт?

Читати далі →