Как стать автором
Обновить

Комментарии 100

Сколько сегодня хороших новостей от Google.
Google молодец!
просто супер, как просто пользоваться, порадовали!
теперь другой вопрос: как свои шрифты закачать?
Из faq: You can also load other web fonts using the WebFont Loader.
Гугл никак не перестает радовать… сначала видео, потом шрифты…
сегодня отличный день =)
воистину — корпорация Добра
также радует поддержка кириллицы в шрифтах, жаль, что не во всех
такой полюбившийся мне Cantarell пока кириллицу не содержит, буду надеяться, что временно
А где там кириллические шрифты?
Droid Sans, например
Понял, спасибо.
Видимо там не вся таблица символов.
PS
Хороший шрифт :)
да, неплохой на самом деле
буду использовать в проектах, хоть какое-то начало разнообразия
к сожалению, не могу проверить работу всего этого в ИЕ6 (у меня его нет), но по правде говоря, не особо и переживаю за тех, кто до сих пор на нем
это радует
спасибо за тест
в safari/webkit одни только знаки вопроса.
кодировочку по меняйте на кирилическую, ато автоопределение у них хромает немного…
Там что-то не то с кодировкой, безотносительно веб-шрифтов (поставьте вручную win-1251). А вот в Опере какая-то проблема, они не включаются, отображается таймсом.
наверное
там еще несколько есть с поддержкой кириллицы, я проверял
правда, не все выглядят хорошо на мелких пунктах (12-14)
в FF не так отображается как ниже на скриншоте из IE6
странно и обидно
в Хроме и ИЕ работает
у меня не работает и в хроме. у вас точно этот шрифт не установлен в системе?
да, проверил
в системе шрифта нет
Не плохо. Хорошее решение взамен @font-face. Еще бы свой шрифт закачать можно было.
это и есть @font-face… посмотрите подключаемый css
Каюсь, глупость сказал. Подумал про sIFR, а написал @font-face.
смысл этого API в том, что не надо будет качать один и тот же шрифт каждый раз — достаточно один раз его скачать и он будет в кэше. А свой шрифт можно зачать, как сделать? прочитать FAQ. RTFM!
Надо только _ убрать из URL, а то не работает пример. Tangerine выглядит похоже на пропись.
У меня IE в приведенном примере игнорирует выставленный размер шрифта %)
Жаль в опере не работает
Все ок у меня
В опере через раз работает, font-face криво реализован
Ну а что вы минусуете, к сожалению, это правда, сохранив код из топика на диск и нажимая f5 можно увидеть случайным образом одно из следующих состояний.
Вот вам и опера.
Хм, win xp, opera 10.53, раз 10 рефрешил — все ок.
знак подчеркивания, точно не забыли убрать?
Сейчас вот столкнулся с этой проблемой, в Orchard cms шрифты подключаются через Google API, в опере перестали работать :) Может есть какой-нибудь изящный костыль для отображения?
Предвижу нездоровое буйство шрифтов на домашних страницах «супермегадизайнеров» и их несчастных жертв.
НЛО прилетело и опубликовало эту надпись здесь
это font-face и есть. посмотрите подключаемый css
че по кириллице?
думаю по кириллице UTF-8
НЛО прилетело и опубликовало эту надпись здесь
Какой вы параноик, ей богу.
Не успеет кто-нибудь реализовать действительно полезную фичу, как находятся люди, увидевшие в этом нечто плохое. И так всегда…
А я ничего негативного в этом не вижу. Наоборот, считаю, что это «тру-вэй». Интернет рано или поздно унифицирует себя. Мы же пользуемся хостингом сайтов, баз данных, файлов, размещаем сервера в дата-центрах и даже подключаем js-библиотеки с того же гугла и ничего в этом «эдакого» не видим. Чем же шрифты не угодили?
ну, не знаю, я вот не стараюсь не подключать библиотеки напрямую с гугля, после того, как упавший на короткое время сервис, отдававший мне analytics, убил мне сайт…
Ну, это единичные случаи, и такое бывает. Думаю вероятность ошибки администраторов хостинга не ниже, а местами и выше, нежели подобный инцидент. У самого были случаи, когда часть сайта была недоступна из за того, что админы при апгрейде чего-то намудрили с CGI.
Я вообще говорил о том, что подобные сервисы — это хорошо, и в потенции на будущее, очень перспективный и практичный подход. Даже исходя из того, что такие монстры как Google и Яndex (на счет последнего не уверен) используют CDN, доступность контента с их серверов выше, плюс большинство провайдеров держат их в приоритетных очередях что сулит более высокую скорость загрузки JS у клиентов, etc.
А вообще — каждый волен выбирать сам как ему удобнее и «симпатишнее» &copy by Фрекен Бок
с основным вашим утверждением я никоим образом не спорю, мне тоже нравится тенденция.
Гугл явно желает видеть легко распознаваемый текст там, где сейчас горе-дизайнеры и горе-верстальщики обходятся надписями-картинками. Похвальное желание :)
Разрешите вступиться за честь так называемых «горе-верстальщиков», а что же им остается делать, если горе-дизайнеры уже убедили клиентов, что можно использовать нестандартный шрифт? Вот и приходится использовать куфон, что по своей сути и является картинкой.
Куфон не картинка в том плане, что из кода страницы легко выцепить текст. Можно экспериментировать с @font-face. Идеальный вариант — убить горе-дизайнера :)
А как свой шрифт то подключить?
Если вы не способно понять это прочитав FAQ — вам этого не надо.
А. то есть, если в моей школе не было учителя, англ. языка и пришлось учить нем., то я не нуб убогий, которому ниче не надо, да?
человек не знающий ангельского не человеке.txt

Да и знать его толком не надо, чтобы осилить этот FAQ…
сходите на курсы
Дак может всех на курсы? А? давайте! И Гос. язык сделаем англ. Хуль, не люди что ли. А кто не захочет — расстрел, хуль, не людей не жалко.
Мне вот с моей работой тока и хочется еще после нее пойти на курсы какие нить. А когда мне понадобится небольшая консультация в JS, то я пойду на курсы JS, да?
Не хотите на курсы — купите книжку. Или вон ЛингвоЛео специально для вас сделали. Английский — язык международного общения, не зная его хотя бы на базовом уровне, вы добровольно запираете себя в информационном гетто.
Для тех кто сам не может 4 строчки написать. Очень крутая разработка;)
Веб-щрифты? Отображение страницы, как её задумал автор? Какого черта?
image
Ну так сафари, по-моему любые шрифты жирнее чем нужно показывает
Так же как сафари показывает хром и фф.
не выдумывайте
НЛО прилетело и опубликовало эту надпись здесь
У меня в ФФ вообще не работает — не применяется Font Face. Даже на последней Альфе
Win XP SP3
Я сравнил оба варианта с Оперой, они были жирнее. Но я ошибся, да, в сафари все равно жирнее.
Вот в линуксе, ff, chrome, opera:
кстати в опере при загрузке, на секунду надпись была шрифтом поумолчанию, а потом уже стала указанным.
Это нормальное поведение: по спецификации @font-face вначале должен рендериться обычный шрифт, а потом применяться «декорирование». Просто процесс этот обычно происходит достаточно быстро, так что глаз не всегда замечает. Но иногда проскальзывания заметны, и не только в Опере.
В спецификации это не указано. Поэтому все Webkit-движки сначала ничего не показывают, что крайне бесит. Уж лучше прыжок, чем ждать пока загрузится (а загрузится ли вообще?) шрифт на 2 МБ.
Сейчас специально проверил, правда не локально, а просто страницу с гугла, например code.google.com/webfonts/family?family=Reenie+Beanie
Отображается везде нормально и одиннакого. сафари не жирнит, ие не мельчит.
Возможно тут дело из-за доктайпа? на странице гугла его нет.
какой шрифт смотрите?
Код из топика.
Вообще, на приведенной вами странице не используется апи, описанный в топике.
Как много комментариев успели написать :)
Я разобрался.
Стоило всего-то добавить
h1 {font-size: 48px;}
и всё стало на свои места.

Так как в каждом браузере свое понятие о дефолтном размере шрифта для каждого элемента html, как, впрочем, и для других значений.
Только в опере вообще на работатет шрифт. Это очень печально
В Opera 10.50 работает всё гут.
Правда иногда при очень частом рефреше ставится неправильный шрифт.
Хотя в FAQ (http://code.google.com/intl/ru/apis/webfonts/faq.html#Browsers_Supported) про оперу ничего не сказано.
Насчет 10.50 не знаю, у меня Opera 10.53 — надпись отображается таймсом
ошибся. у меня тоже 10.53.
только иногда слетает.
у вас Win XP?
win7 x64
у меня XP, может в этом дело. Хотя гугл с оперой давно не дружит
Стоило всего-то добавить
Где были мои глаза? :)
Но тем не менее: i49.tinypic.com/aw72hc.png
И все равно в сафари самый жирный шрифт
Не жирный он. Это собственная технология сглаживания шрифтов Apple.
Да, жирноват…
Даже не спасает font-size:normal;
Но для Сафари это, вроде, обычное дело.
Это было обычным делом для 3-го сафари. 4-й использует виндовый рендеринг шрифтов. Жирнее выглядели мелкие кегли из-за различий техники сглаживания, на крупных это различие было не так заметно. И в Опере явно тоньше чем в остальных.
На странице Гугла нет доктайпа? Не смешите. Там HTML5 DT.
Хотелось бы добавления шрифтов = ) opentype/truetype = )
Было бы шикарно. Решение взаместо @font-face суперское на самом деле,
единственное всё-таки нужно рациональное решение в стандарте, надеюсь
в html5 усё будет. А так: Спасибо Google! =)
С одной стороны — плохо, потому как найдётся куча дизайнеров, благодаря которым вырви-глаз сайтов станет более чем до фига.

С другой стороны — хорошо, так как в вебе можно будет наконец вести правильную работу с текстом, персонализируя текст на уровне книжных технологий.
Тема конечно крутая, но я не нашел в библиотеке ни одного шрифта, поддерживающего кириллицу :-|
Droid Sans
я уже писал выше

goo.gl/Dufy
Пробежался по ФАКу. Не нашол ничего про упоминание использования пиратских шрифтов. Будет ли гугл бороться с такими?
Ни в одном из IE не сработало. Какая тут кроссбраузерность?
Странно, еще раз проверил — на этот раз шрифты подключились.
На браузершотс можем посмотреть как выглядят шрифты в разных браузерах…
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)

делаю выводы…
сафари в айфне не поддерживает
Для Safari Mobile нужны SVG-шрифты, видимо Google пока ими не озаботился.
ой, боюсь, что благое начинание не будет использовано к месту и ко времени «дезигнерами»
к примеру, уже сейчас стал натыкаться на повсеместное использование text-shadow не там где надо, благодаря которому текст на сайте становится трудно читаемым.
Зарегистрируйтесь на Хабре , чтобы оставить комментарий

Публикации

Истории