Иногда на некоторых сайтах есть очень интересные шрифты, и они могут даже быть свободно доступны через Интернет.
Есть ли простой способ (приложение может быть), который можно использовать, чтобы узнать, какой шрифт использует веб-сайт?
5 ответов
12
Текстовые шрифты
Вы можете просмотреть исходный код страницы, а затем найти таблицу стилей. Это будет в файлах, заканчивающихся на .css
Так что для чего-то вроде Super User, вы должны посмотреть на исходный код и заметить это (не беспокойтесь о бите после знака вопроса (?)):
<link rel="stylesheet" href="http://sstatic.net/su/all.css?v=4372">
Затем просверлите все внутри, ища что-то вроде этого:
font-family:Consolas,Monaco,Lucida Console,Liberation Mono,
DejaVu Sans Mono,Bitstream Vera Sans
Это покажет вам, что сайт по умолчанию использует для текста. Если у вас есть соответствующий шрифт из этого списка на вашем компьютере, он будет отображаться. В противном случае, это будет продолжаться до тех пор, пока не достигнет цели.
Шрифты в изображениях
Для текста, используемого в любой графике, вы можете перейти к чему-то вроде What The Font! и используйте гадание, чтобы определить, какой шрифт мог использовать сайт.
3
Исходя из ответа é_ho, в случае сбоя What The Font вы можете использовать интерфейс вопросов и ответов на fonts.com, чтобы определить шрифт на основе внешнего вида. Это проверяет вас относительно аспектов общего шрифта (таких как serif/sans-serif, курсив и т.д.) И свойств отдельных букв (таких как «Сколько терминалов имеет верхняя часть верхнего регистра« W »)?") отфильтровать только те шрифты, которые имеют желаемые характеристики.
http://www.dafont.com/ - отличный ресурс для бесплатных или похожих шрифтов, когда вы нашли то, что вам нравится.
2
Чтобы выяснить, какой шрифт является предпочтительным в соответствии с CSS, см. Превосходное дополнение Firebug для Firefox или встроенный веб-инспектор в Safari. (См. Утилита для определения шрифта, используемого на сайте?)
Поскольку на большинстве компьютеров доступно всего несколько шрифтов , некоторые веб-сайты используют динамически генерируемые изображения для замены реального текста. Однако не все лицензионные соглашения позволяют использовать шрифты на веб-сайте, в то время как личные лицензионные соглашения разрешают использование только на определенных веб-сайтах. Вот почему, например, cufón гарантирует, что шрифт используется только на веб-сайте, для которого была разработана замена. Тогда нельзя использовать такие шрифты на других доменах.
По словам Куфона:
См. Fonts and the Law на fontembedding.com для получения дополнительной информации. Известно, что шрифты, произведенные следующими литейными производителями / поставщиками / создателями, безопасны: Adobe Systems. Известно, что для веб-встраивания требуются отдельные или расширенные лицензии: Berthold (отдельный), FontFont (отдельный), Fontsmith (отдельный), Hoefler & Frere-Jones (отдельный), ITC (отдельный), линотип (расширенный).
1
Расширение WhatFont Chrome - хороший инструмент для определения шрифтов, если они находятся в текстовом формате.
1
Доступно приложение для iPhone для WhatTheFont, которое позволяет делать снимки фрагмента текста и отправлять его в What The Font! веб-сайт для анализа, если вы видите, например, хороший шрифт на рекламном щите.