Добавить пользовательский шрифт в HTML-страницу

Я хочу добавить пользовательский шрифт в свой шаблон html email. я загрузил шрифт на сервер и все ... но я думаю, что я где-то ошибся. ниже приведен код.Добавить пользовательский шрифт в HTML-страницу

<tr> 
<td align="center" mc:edit="title1"> 
<style type="text/css"> 

@font-face { 
    src: url('http://www.screenmedia.mk/EmailMarketing/00PEDANTIX.TTF'); 
    src: url('http://www.screenmedia.mk/EmailMarketing/00PEDANTIXBOLD.TTF'); 
} 

h6 { 
    font-family: 00PEDANTIX; 

} 
</style> 

<h6 class="h6 t bold" style="font-family: 00PEDANTIX; src: url('http://www.screenmedia.mk/EmailMarketing/00PEDANTIX.TTF'); font-weight: 700;color: #fff;font-size: 20px;line-height: 15px;margin: 0 0 8px !important; p adding-left: 80px;"><singleline label="title1">SILVER</singleline></h6>

</td> 
</tr>

Редакцией:

<tr> 
<td align="center" mc:edit="title1"> 
<style type="text/css"> 

@font-face { 
font-family: 00PEDANTIX; 
src: url('http://www.screenmedia.mk/EmailMarketing/00PEDANTIX.TTF'); 
} 
@font-face { 
font-family: 00PEDANTIXBOLD; 
src: url('http://www.screenmedia.mk/EmailMarketing/00PEDANTIXBOLD.TTF'); 
font-weight: bold; 
} 

h6 { 

font-family: 00PEDANTIX; 
} 

</style> 

<h6 class="h6 t bold" style="font-family: 00PEDANTIX; font-weight: 700;color: #fff;font-size: 20px;line-height: 15px;margin: 0 0 8px !important; padding-left: 80px;"><singleline label="title1">SILVER</singleline></h6> 
<table width="60" border="0" cellspacing="0" cellpadding="0" style="border-collapse: collapse;"><tbody> 
<tr> 

</tr></tbody> 
</table> 
</td> 
</tr>

источник

2015-04-28 Ilir Bajrami

Кроме того, вам нужно только определить источник один раз, и он должен быть в @ font-face. Вы можете удалить src: из встроенного стиля. –

Остерегайтесь ... пользовательские шрифты не поддерживаются во всех почтовых клиентах - https://www.campaignmonitor.com/blog/post/3897/using-web-fonts-in-email –

@Luis P.A. thnx для наконечника Луис –

Вы должны определить семейство шрифтов в правиле @ шрифт-лица. Кроме того, вы можете определить только один вес на @ шрифта лице

@font-face { 
font-family: 00PEDANTIX; 
src: url('http://www.screenmedia.mk/EmailMarketing/00PEDANTIX.TTF'); 
} 
@font-face { 
font-family: 00PEDANTIXBOLD; 
src: url('http://www.screenmedia.mk/EmailMarketing/00PEDANTIXBOLD.TTF'); 
font-weight: bold; 
}

Edit: Не читал, что это было для шаблона электронной почты. Пока вы не можете загружать пользовательские шрифты по электронной почте. Если вам нужно использовать этот шрифт, единственный способ сделать это - через изображения.

источник

2015-04-28 16:33:29

ах ок. Кстати, почему он все еще работает, когда я открываю его в браузере? как обычный html-файл. Я отредактировал свой вопрос, и у меня есть код, который находится ниже раздела «EDITED», и он все еще продолжает работу:/ –

По какой-то причине он не хочет загружаться из домена, который вы используете. Я попытался загрузить шрифт и связать его, и он работал нормально. Это ваш домен? Если это так, убедитесь, что у вас есть .ttf, определенный в вашем web.config –

yah сейчас он работает. шрифт загружается даже с сервера. проблема заключалась в том, что нам пришлось ставить кавычки в семействе шрифтов: «00PEDANTIXBOLD»; а не: font-family: 00PEDANTIXBOLD; но, может быть, они не появятся в электронных письмах ?! thnx много парней! –

Иногда браузер занимает некоторое время или не поддерживает веб-шрифты.

Попробуйте http://www.fontsquirrel.com/tools/webfont-generator, чтобы сгенерировать код лица шрифта, и он будет работать с большинством браузеров.

Они будут генерировать различные версии (OTF, TTF и т. Д.) Шрифтов для webkit, мобильных, IE и mozilla.

... и его БЕСПЛАТНО !!!

источник

2015-04-28 21:18:34

ничего себе! отлично. thnx много! –

Некоторые версии любых браузеров не поддерживают шрифты ttf. Вы можете проконсультироваться, если ваш браузер совместим на этом сайте. Can I Use

источник

2015-04-28 21:49:34 canonale

Добавить пользовательский шрифт в HTML-страницу

ответ

Смежные вопросы