Outlook 2010可以在html电子邮件中使用网络字体吗？ [英] Can Outlook 2010 use a web font in an html email?
问题描述
我尝试了几个东西，包括包装css。任何想法如何获得一个html电子邮件Outlook 2010使用webfont，而不是默认的预安装的字体？
I've tried several things, including wrapping the css. Any ideas on how to get an html email Outlook 2010 to use a webfont and not default to a preinstalled font?
这里是一些我试过的东西： / p>
Here is some of the stuff I've tried:
<style type="text/css">
@font-face {
font-family: 'thegirlnextdoor';
src: url('http://www.mercerhrs.com/email/nordstrom/274257/font/thegirlnextdoor.eot'); /* IE9 Compat Modes */
src: url('http://www.mercerhrs.com/email/nordstrom/274257/font/thegirlnextdoor.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://www.mercerhrs.com/email/nordstrom/274257/font/thegirlnextdoor.woff') format('woff'), /* Modern Browsers */
url('http://www.mercerhrs.com/email/nordstrom/274257/font/thegirlnextdoor.ttf') format('truetype'), /* Safari, Android, iOS */
url('http://www.mercerhrs.com/email/nordstrom/274257/font/thegirlnextdoor.svg') format('svg'); /* Legacy iOS */
}
</style>
推荐答案
以下技术不需要重复使用条件注释。我已经测试了这个广泛：
The following technique does not require repetitive use of conditional comments. I have tested this extensively:
-
像往常一样嵌入您的网络安全字体系列，但在元素上有一个额外的类名。 （如果您使用的是自动CSS内联网，可以使用
.webfont类名来指定网络安全字体与其他CSS。）
Inline your web-safe font family as usual, but with an extra classname on the element. (If you're using an automatic CSS inliner, it's OK to specify your web-safe fonts with the rest of your CSS using the
.webfontclassname.)
<td style="font-family: arial, sans-serif;" class="webfont">Text</td>
在< head> ，使用您的webfont覆盖网络安全字体系列：
In the <head>, override the web-safe font family with your webfont like so:
<style type="text/css">
@import url(http://mysuperjazzywebfont.com/webfont.css);
@media screen { /* hides this rule from unsupported clients */
.webfont {
font-family: "Super Jazzy Webfont", arial, sans-serif !important;
}
}
</style>
注意： c $ c> .webfont 类在简单的 @media屏幕查询简单地阻止Outlook 07,10和13错误地使用Times New Roman而不是您的后备字体。 参考资料
Note: wrapping the .webfont class in the simple @media screen query simply prevents Outlook 07, 10 and 13 from mistakenly using Times New Roman instead of your fallback fonts. Reference
这些客户端显示网络字体：
These clients display the web font:
- Apple Mail
- iOS邮件
- Android 4.2股票邮件客户
- Lotus Notes 8
- Outlook 2000
- Outlook 2011
- AOL Webmail（在支持
@media的浏览器中）
- Apple Mail
- iOS Mail
- Android 4.2 Stock Mail Client
- Lotus Notes 8
- Outlook 2000
- Outlook 2011
- AOL Webmail (in browsers that support
@media)
以下Outlook版本获得Arial：
The following Outlook versions get Arial:
- Outlook 2002
- Outlook 2003
- Outlook 2007（而不是Times New Roman）
- Outlook 2010（而不是Times New Roman） li>
- Outlook 2013（而非Times New Roman）
- Outlook 2002
- Outlook 2003
- Outlook 2007 (instead of Times New Roman)
- Outlook 2010 (instead of Times New Roman)
- Outlook 2013 (instead of Times New Roman)
...以及众多其他更可预测的用户端获得Arial。
... and numerous other more predictable clients get Arial.
这篇关于Outlook 2010可以在html电子邮件中使用网络字体吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
