google fontsВчорашній день був багатий на новини про гіганті Google: було запущено соціальна мережа Google+, був представлений новий дизайн пошуку, сервіс — Google Takeout, що дозволяє вивантажити всі дані про себе з усіх сервісів Google, а так само представлений конвертер Swiffy, який може конвертувати SWF файли в HTML5, Використовуючи можливості SVG. Ще одна новина порадувала мене ще більше — оновився каталог шрифтів Google Fonts. Ось на цьому отановімся докладніше.

Для початку пропоную подивитися вам оновлений інтерфейс Google Webfonts. Посилання на новий інтерфейс доступна так само зі старого. Вона розташована в самому верху:
google web fontsgoogle web fonts
При оновленні інтерфейсу розробники врахували побажання користувачів і майже все що просили — вони впровадили.

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

Ще одне нововведення — перегляд шрифту в різних варіаціях ширини і товщини. Фільтр дозволяє вивести шрифти однакової товщини, наприклад. Працює все це на технології TypeDNA.

Ну і в підсумку ви можете скопіювати готові частини коду для вставки в свій файл стилів CSS. При цьому Google показує швидкість завантаження сторінки в залежності від кількості використовуваних шрифтів.

На даний момент каталог містить 180 сімейств веб-шрифтів. Всі вони є вільними і можуть бути легко вбудовані в будь-яку сторінку. Не забудьте, що для правильного відображення російських символів буде потрібно використовувати шрифти з групи Cyrillic, в якій зараз 19 різних шрифтів.