2016-06-08 6 views
0

이메일 템플릿을 코딩 중이며 Google 글꼴을 사용하고 싶습니다.이메일 디자인 - Google 글꼴의 글꼴 두께

<style> 
@import url(https://fonts.googleapis.com/css?family=Lato|Open+Sans:400,300,600|Work+Sans:400,300); 

[style*="Open Sans"] {font-family: 'Open Sans', Arial, sans-serif !important} 
</style> 

을 그리고, 코드의 일부 조각 아래 : 이 코드는 아래의 링크를 글꼴을 Google에

<td style="font-family:Arial, sans-serif, 'Open Sans';font-weight:300;">Some text</td> 

그리고이 코드는 Outlook 및 다른 사람에서 잘 작동하지만, 예를 들어 Outlook을 존중하지 않는

font-weight:300 

내 질문은 무엇입니까? 글꼴 가중치 옵션으로 Google 맞춤 글꼴을 사용할 수 있습니까?

+1

여기를보세요 - https://www.campaignmonitor.com/css/ - 2007 년 이래로 Outlook의'CSS' 지원은 충격적이었습니다. –

+0

Google 웹 글꼴을 사용할 때 [CSS 글꼴 스택 대체 문제가 Outlook에서 발생할 수 있습니다.] (http://stackoverflow.com/questions/18423338/css-font-stack-substitution-issues-in-outlook-when-using-google- 웹 폰트) –

+0

감사하지만,이 표는 Outlook이 폰트 - 웨이트를 사용함을 보여줍니다 .... – user3573535

답변

2

Outlook doesn't support web fonts. Open Sans를 참조하더라도 실제로 Outlook에서보고있는 글꼴은 Arial이며 300 가지가 아닙니다.

이메일 클라이언트의 웹 글꼴 지원 isn't great이므로 대체 시스템 글꼴이 중요합니다. 범위를 조금 늘리려면 대신 <link href=''> tag을 사용하여 웹 글꼴을 참조 할 수 있습니다.

+0

예를 들어 Outlook 2016에서 Open sans를 사용할 방법이 없습니까? – user3573535

+0

아니요, Outlook 2007/2010/2013/2016에 없습니다. 그들은 모두 MS Word를 렌더링 엔진으로 사용합니다. –

+0

Outlook 용 해킹이 많아서 혼란 스럽습니다. 예를 들어 http://blog.postup.com/outlook-fix-for-using-webfonts-in-your -email – user3573535