Google представил API для кроссбраузерного подключения шрифтов

[iswitch]

Сколько сегодня хороших новостей от Google.
Google молодец!

[easyman]

просто супер, как просто пользоваться, порадовали!
теперь другой вопрос: как свои шрифты закачать?

[noRerih]

Из faq: You can also load other web fonts using the WebFont Loader.

[deniamnet]

Гугл никак не перестает радовать… сначала видео, потом шрифты…
сегодня отличный день =)
воистину — корпорация Добра

[deniamnet]

также радует поддержка кириллицы в шрифтах, жаль, что не во всех
такой полюбившийся мне Cantarell пока кириллицу не содержит, буду надеяться, что временно

[petka_vaska]

А где там кириллические шрифты?

[deniamnet]

Droid Sans, например

[petka_vaska]

я тут не вижу кириллицы
code.google.com/webfonts/family?family=Droid+Sans#set

[deniamnet]

зато я вижу ее, сделав себе демо
пример:
www.deniam.net/_/habr/font.html

[petka_vaska]

Понял, спасибо.
Видимо там не вся таблица символов.

[petka_vaska]

PS
Хороший шрифт :)

[deniamnet]

да, неплохой на самом деле
буду использовать в проектах, хоть какое-то начало разнообразия
к сожалению, не могу проверить работу всего этого в ИЕ6 (у меня его нет), но по правде говоря, не особо и переживаю за тех, кто до сих пор на нем

[petka_vaska]

в IE6 страница работает норм
kamana.ru/screenshot/20100520-o3f-56kb.jpg

[deniamnet]

это радует
спасибо за тест

[dmitrek]

в safari/webkit одни только знаки вопроса.

[taliban]

кодировочку по меняйте на кирилическую, ато автоопределение у них хромает немного…

[homm]

Там что-то не то с кодировкой, безотносительно веб-шрифтов (поставьте вручную win-1251). А вот в Опере какая-то проблема, они не включаются, отображается таймсом.

[deniamnet]

наверное
там еще несколько есть с поддержкой кириллицы, я проверял
правда, не все выглядят хорошо на мелких пунктах (12-14)

[kartoha]

в FF не так отображается как ниже на скриншоте из IE6

[deniamnet]

странно и обидно
в Хроме и ИЕ работает

[yakovis]

у меня не работает и в хроме. у вас точно этот шрифт не установлен в системе?

[deniamnet]

да, проверил
в системе шрифта нет

[Sytrus]

Не плохо. Хорошее решение взамен @font-face. Еще бы свой шрифт закачать можно было.

[lifestyle]

это и есть @font-face… посмотрите подключаемый css

[Sytrus]

Каюсь, глупость сказал. Подумал про sIFR, а написал @font-face.

[andoriyu]

смысл этого API в том, что не надо будет качать один и тот же шрифт каждый раз — достаточно один раз его скачать и он будет в кэше. А свой шрифт можно зачать, как сделать? прочитать FAQ. RTFM!

[ivanrt]

Надо только _ убрать из URL, а то не работает пример. Tangerine выглядит похоже на пропись.

[Kain_Haart]

У меня IE в приведенном примере игнорирует выставленный размер шрифта %)

[Fanamura]

Жаль в опере не работает

[odiszapc]

Все ок у меня

[lifestyle]

В опере через раз работает, font-face криво реализован

[homm]

Ну а что вы минусуете, к сожалению, это правда, сохранив код из топика на диск и нажимая f5 можно увидеть случайным образом одно из следующих состояний.

[teonoman]

Вот вам и опера.

[Ghz]

Хм, win xp, opera 10.53, раз 10 рефрешил — все ок.

[SowingSadness]

знак подчеркивания, точно не забыли убрать?

[BReal]

Сейчас вот столкнулся с этой проблемой, в Orchard cms шрифты подключаются через Google API, в опере перестали работать :) Может есть какой-нибудь изящный костыль для отображения?

[Enkin]

Предвижу нездоровое буйство шрифтов на домашних страницах «супермегадизайнеров» и их несчастных жертв.

[plandem]

это font-face и есть. посмотрите подключаемый css

[eatart]

че по кириллице?

[1amer]

думаю по кириллице UTF-8

[Vedmak]

Today, we’re only supporting Western European languages (Latin-1), and we expect to support a number of diverse languages shortly.

googlecode.blogspot.com/2010/05/introducing-google-font-api-google-font.html

[newon]

Какой вы параноик, ей богу.
Не успеет кто-нибудь реализовать действительно полезную фичу, как находятся люди, увидевшие в этом нечто плохое. И так всегда…

[SLIDERWEB]

А я ничего негативного в этом не вижу. Наоборот, считаю, что это «тру-вэй». Интернет рано или поздно унифицирует себя. Мы же пользуемся хостингом сайтов, баз данных, файлов, размещаем сервера в дата-центрах и даже подключаем js-библиотеки с того же гугла и ничего в этом «эдакого» не видим. Чем же шрифты не угодили?

[j1nn]

ну, не знаю, я вот не стараюсь не подключать библиотеки напрямую с гугля, после того, как упавший на короткое время сервис, отдававший мне analytics, убил мне сайт…

[SLIDERWEB]

Ну, это единичные случаи, и такое бывает. Думаю вероятность ошибки администраторов хостинга не ниже, а местами и выше, нежели подобный инцидент. У самого были случаи, когда часть сайта была недоступна из за того, что админы при апгрейде чего-то намудрили с CGI.
Я вообще говорил о том, что подобные сервисы — это хорошо, и в потенции на будущее, очень перспективный и практичный подход. Даже исходя из того, что такие монстры как Google и Яndex (на счет последнего не уверен) используют CDN, доступность контента с их серверов выше, плюс большинство провайдеров держат их в приоритетных очередях что сулит более высокую скорость загрузки JS у клиентов, etc.
А вообще — каждый волен выбирать сам как ему удобнее и «симпатишнее» _{© by Фрекен Бок}

[j1nn]

с основным вашим утверждением я никоим образом не спорю, мне тоже нравится тенденция.

[ernt]

Гугл явно желает видеть легко распознаваемый текст там, где сейчас горе-дизайнеры и горе-верстальщики обходятся надписями-картинками. Похвальное желание :)

[dreamhelg]

Разрешите вступиться за честь так называемых «горе-верстальщиков», а что же им остается делать, если горе-дизайнеры уже убедили клиентов, что можно использовать нестандартный шрифт? Вот и приходится использовать куфон, что по своей сути и является картинкой.

[ernt]

Куфон не картинка в том плане, что из кода страницы легко выцепить текст. Можно экспериментировать с @font-face. Идеальный вариант — убить горе-дизайнера :)

[Mew]

А как свой шрифт то подключить?

[andoriyu]

Если вы не способно понять это прочитав FAQ — вам этого не надо.

[Mew]

А. то есть, если в моей школе не было учителя, англ. языка и пришлось учить нем., то я не нуб убогий, которому ниче не надо, да?

[andoriyu]

человек не знающий ангельского не человеке.txt

Да и знать его толком не надо, чтобы осилить этот FAQ…

[mirritil]

сходите на курсы

[Mew]

Дак может всех на курсы? А? давайте! И Гос. язык сделаем англ. Хуль, не люди что ли. А кто не захочет — расстрел, хуль, не людей не жалко.
Мне вот с моей работой тока и хочется еще после нее пойти на курсы какие нить. А когда мне понадобится небольшая консультация в JS, то я пойду на курсы JS, да?

[voidus]

Не хотите на курсы — купите книжку. Или вон ЛингвоЛео специально для вас сделали. Английский — язык международного общения, не зная его хотя бы на базовом уровне, вы добровольно запираете себя в информационном гетто.

[Denai]

Для тех кто сам не может 4 строчки написать. Очень крутая разработка;)

[homm]

Веб-щрифты? Отображение страницы, как её задумал автор? Какого черта?

[dreamhelg]

Ну так сафари, по-моему любые шрифты жирнее чем нужно показывает

[homm]

Так же как сафари показывает хром и фф.

[ferrari]

не выдумывайте

[smartov]

У меня в ФФ вообще не работает — не применяется Font Face. Даже на последней Альфе
Win XP SP3

[homm]

Я сравнил оба варианта с Оперой, они были жирнее. Но я ошибся, да, в сафари все равно жирнее.

[otaqsun]

Вот в линуксе, ff, chrome, opera:

[otaqsun]

кстати в опере при загрузке, на секунду надпись была шрифтом поумолчанию, а потом уже стала указанным.

[alist]

Это нормальное поведение: по спецификации @font-face вначале должен рендериться обычный шрифт, а потом применяться «декорирование». Просто процесс этот обычно происходит достаточно быстро, так что глаз не всегда замечает. Но иногда проскальзывания заметны, и не только в Опере.

[pepelsbey]

В спецификации это не указано. Поэтому все Webkit-движки сначала ничего не показывают, что крайне бесит. Уж лучше прыжок, чем ждать пока загрузится (а загрузится ли вообще?) шрифт на 2 МБ.

[juliv]

Сейчас специально проверил, правда не локально, а просто страницу с гугла, например code.google.com/webfonts/family?family=Reenie+Beanie
Отображается везде нормально и одиннакого. сафари не жирнит, ие не мельчит.
Возможно тут дело из-за доктайпа? на странице гугла его нет.
какой шрифт смотрите?

[homm]

Код из топика.

[homm]

Линк.

[homm]

Вообще, на приведенной вами странице не используется апи, описанный в топике.

[juliv]

Как много комментариев успели написать :)
Я разобрался.
Стоило всего-то добавить
h1 {font-size: 48px;}
и всё стало на свои места.

Так как в каждом браузере свое понятие о дефолтном размере шрифта для каждого элемента html, как, впрочем, и для других значений.

[dreamhelg]

Только в опере вообще на работатет шрифт. Это очень печально

[juliv]

В Opera 10.50 работает всё гут.
Правда иногда при очень частом рефреше ставится неправильный шрифт.
Хотя в FAQ (http://code.google.com/intl/ru/apis/webfonts/faq.html#Browsers_Supported) про оперу ничего не сказано.

[dreamhelg]

Насчет 10.50 не знаю, у меня Opera 10.53 — надпись отображается таймсом

[juliv]

ошибся. у меня тоже 10.53.
только иногда слетает.

[dreamhelg]

у вас Win XP?

[juliv]

win7 x64

[dreamhelg]

у меня XP, может в этом дело. Хотя гугл с оперой давно не дружит

[homm]

Стоило всего-то добавить

Где были мои глаза? :)
Но тем не менее: i49.tinypic.com/aw72hc.png

[dreamhelg]

И все равно в сафари самый жирный шрифт

[cyberty]

Не жирный он. Это собственная технология сглаживания шрифтов Apple.

[juliv]

Да, жирноват…
Даже не спасает font-size:normal;
Но для Сафари это, вроде, обычное дело.

[homm]

Это было обычным делом для 3-го сафари. 4-й использует виндовый рендеринг шрифтов. Жирнее выглядели мелкие кегли из-за различий техники сглаживания, на крупных это различие было не так заметно. И в Опере явно тоньше чем в остальных.

[Dalairen]

На странице Гугла нет доктайпа? Не смешите. Там HTML5 DT.

[tarlarion]

Хотелось бы добавления шрифтов = ) opentype/truetype = )
Было бы шикарно. Решение взаместо @font-face суперское на самом деле,
единственное всё-таки нужно рациональное решение в стандарте, надеюсь
в html5 усё будет. А так: Спасибо Google! =)

[iamanka]

С одной стороны — плохо, потому как найдётся куча дизайнеров, благодаря которым вырви-глаз сайтов станет более чем до фига.

С другой стороны — хорошо, так как в вебе можно будет наконец вести правильную работу с текстом, персонализируя текст на уровне книжных технологий.

[Gorky]

Тема конечно крутая, но я не нашел в библиотеке ни одного шрифта, поддерживающего кириллицу :-|

[deniamnet]

Droid Sans
я уже писал выше

goo.gl/Dufy

[lorndesign]

Пробежался по ФАКу. Не нашол ничего про упоминание использования пиратских шрифтов. Будет ли гугл бороться с такими?

[Omgovich]

Ни в одном из IE не сработало. Какая тут кроссбраузерность?

[Omgovich]

Странно, еще раз проверил — на этот раз шрифты подключились.

[ademaro]

На браузершотс можем посмотреть как выглядят шрифты в разных браузерах…

[QueryRoom]

Google совместно с TypeKit разрабатывал это фигню.
Зашел я на typekit.com, решил скачать trial.

И что же я вижу? Пишет мне typekit (после регистрации): You're using a browser that Typekit doesn't yet fully support. Read more…

смотрю Read more: getsatisfaction.com/typekit/topics/typekit_browser_support

смотрю версию своего: FF (3.6.3)

делаю выводы…

[pornstar]

сафари в айфне не поддерживает

[pepelsbey]

Для Safari Mobile нужны SVG-шрифты, видимо Google пока ими не озаботился.

[Glook]

ой, боюсь, что благое начинание не будет использовано к месту и ко времени «дезигнерами»
к примеру, уже сейчас стал натыкаться на повсеместное использование text-shadow не там где надо, благодаря которому текст на сайте становится трудно читаемым.