2016-11-14 2 views
-1

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

Моя проблема в том, что я не могу использовать @ font-face AT ALL (она удалена с помощью sendgrid). и, следовательно, мне нужны шрифты, которые будут установлены на машине пользователя и доступны для семейства шрифтов, не используя @ font-face.

Как я могу найти подходящие шрифты для использования? Также; Я не могу использовать Javascript, потому что некоторые почтовые клиенты этого не допускают.

+1

Возможный дубликат [Как для перебора установленных шрифтов, используя JavaScript] (http://stackoverflow.com/questions/3597682/how-to-iterate-the-installed-fonts -using-javascript) – Liam

+1

Tl; Dr вы не можете действительно – Liam

+0

http://www.cssfontstack.com/ – Turnip

ответ

1

Если вы хотите увидеть, «сколько машин у них установлено». - это просто невозможно & даже не правильный подход.

Правильный подход (безопасные веб-шрифты) будут использовать @font-face выборку шрифтов от пользователей локальной машина (Windows/MAC предустановленными) с помощью local() для извлечения из пользователей предварительно установленные шрифтов.

font-face { 
    font-family: 'myFont'; 
    src: local('Verdana'); 
    src: local('Arial'); 
    src: local(sans-serif); 
    //result would be - font-family: 'Verdana', 'Arial', sans-serif; 
} 

Расположение в любой машине пользователей Windows, откуда шрифты тянет это:

C:\Windows\Fonts 

Расположение в любой машине пользователей MAC, откуда шрифты тянет это:

/Library/Fonts/ 

Здесь вы также можете увидеть все другие предустановленные шрифты.

Вы можете проверить с этим, все общие шрифты, предварительно установленные на Windows, & MAC

http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

http://web.mit.edu/jmorzins/www/fonts.html

ОБНОВЛЕНО

Если sendgrid лишает все ваши встроенные стили, затем используйте встроенные стили вместо своих элементов/тела.

<body style="font-family: 'myFont'; src: local('Verdana');">...</body> 

Есть также некоторые хорошие Inliner, что там будет конвертировать встроенный CSS в инлайн CSS.

Zurb электронной Inliner - http://foundation.zurb.com/emails/inliner.html

+0

@ font-face лишен кода в sendgrid. Могу ли я использовать локальный шрифт? – Arnold

+0

@ font-face используется, чтобы просто определить шрифт, не определяя, как вы можете его использовать.Если нет, то даже создайте шрифт, почему бы не использовать «font-family: cursive;» прямо на вашем теле. Это тоже сработает. Что тебя останавливает? –

+0

Шрифт сам по себе очень важен, потому что у меня есть дизайн, с которым нужно следовать. – Arnold