Есть ли способ проверить, какие шрифты установлены на компьютерах через Интернет?

Question

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

Answer 1

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

http://www.lalit.org/lab/javascript-css-font-detect

Answer 2

Это возможно, пока доступна Flash. Смотри http://www.maratz.com/blog/archives/2006/08/18/detect-visitors-fonts-with-flash/

Answer 3

Оформить заказ для плагина jQuery FontUnstack , из этого вопроса .

Answer 4

Вы можете получить список шрифтов, установленных в клиентской ОС с Flash:

var embeddedAndDeviceFonts:Array = Font.enumerateFonts(true);

Затем вы можете использовать ExternalInterface для перемещения этой информации между Flash и Javascript. Не требует большого количества кода.

Проверьте мой пост об этом для получения дополнительной информации и демонстрационная реализация .

Answer 5

Не существует надежного способа определения установленных (и используемых) шрифтов на клиентском компьютере через браузер.

Flash может позволить вам сделать это или, возможно, какой-нибудь сумасшедший (но забавный написание) JavaScript, который делает предположения о размере элементов с заданным шрифтом - но этот скрипт может быть подвержен различиям в настройках клиента независимо от того, сколько дела, которые он рассматривает.

Я бы настоятельно рекомендовал против предлагаемого вами подхода к опросу / развертыванию. Вам предстоит принять несколько невозможных решений, например, какой процент доступности будет приемлемым? Если это 100%, что вы делаете, когда приходит новый пользователь, у которого нет этого шрифта? Если это не так, то какая доля ваших пользователей вас устраивает, если у вас плохой опыт?

Рассматривали ли вы sIFR или просто элемент изображения с соответствующим атрибутом alt?

Если у вас есть конкретные типографские требования, возможно, стоит обратить внимание на это: http://blog.typekit.com/.

Answer 6

Вот список наиболее распространенных шрифтов на компьютерах с Windows и Mac (со сравнением изображений каждого из них). Я использую его при выборе шрифтов для проекта.

Answer 7

Я знаю, что это поддерживается не всеми браузерами, но в css есть @ font-face, как описано здесь , поэтому, если вы знаете, что ваши пользователи используют IE (например), вы можете использовать это для получить шрифт.

Answer 8

Нет хорошего способа сделать это. Хотя, если у вас есть список шрифтов, которые вас интересуют, создайте класс с всегда присутствующим запасным вариантом:

span#knownfont{font-family:Verdana, font-size:12px;}
span#font1{font-family:NonExistingFont1, Verdana, font-size:12px;}
span#font2{font-family:NonExistingFont2, Verdana, font-size:12px;}

...

Then create HTML for each case:
<span id="knownfont">Lorem ipsum dolor sit amet</span>
<span id="font1">Lorem ipsum dolor sit amet</span>
<span id="font2">Lorem ipsum dolor sit amet</span>

Затем напишите скрипт, который сравнивает ширину известного диапазона шрифтов и каждого из остальных. Если ширина отличается, шрифт существует на клиенте.