2016-11-14 1 views
-1

전자 메일 서식 파일을 만들고 있는데 올바른 글꼴을 찾으려고합니다.사용자의 컴퓨터에 설치된 적절한 글꼴을 찾는 방법은 무엇입니까?

내 문제는 @ font-face AT ALL (sendgrid를 사용하여 제거한 것)을 사용할 수 없다는 것입니다. 그래서 나는 폰트가 @ font-face를 사용하지 않고 사용자의 기계에 설치되고 폰트 패밀리가 접근 할 수 있어야한다.

사용하기에 적합한 글꼴을 어떻게 찾습니까? 또한; 일부 이메일 클라이언트가 허용하지 않기 때문에 자바 스크립트를 사용할 수 없습니다.

+1

가능한 복제 [? 자바 스크립트를 사용하여 설치된 글꼴을 반복하는 방법 (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

"설치된 시스템 수"를 보려면 - 이것은 단지 불가능합니다. & 올바른 접근조차도 아닙니다.

올바른 접근 방식 (안전한 웹 글꼴)는 사용자가 사전 설치된 글꼴에서 가져 오도록 local()를 사용하여 로컬 컴퓨터 (윈도우/MAC가 사전 설치) 사용자로부터 @font-face 가져 오는 글꼴을 사용하는 것입니다.

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/ 

다른 모든 사전 설치된 글꼴을 볼 수 있습니다. sendgrid가 제거되면

당신은 다음에서 확인할 수 있습니다, 윈도우 & MAC에 사전 설치되어있는 모든 일반 글꼴

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

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

업데이트 모두를 임베디드 스타일은 요소/본문 대신 인라인 스타일을 사용합니다.

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

밖에 인라인 CSS에 포함 된 CSS를 변환하는 것 또한 좋은 inliner있다.

Zurb 이메일 inliner - http://foundation.zurb.com/emails/inliner.html

+0

@ font-face는 sendgrid의 코드에서 제거됩니다. font-family에서도 로컬을 사용할 수 있습니까? – Arnold

+0

@ font-face는 사용 방법을 정의하지 않고 글꼴을 정의하는 데 사용됩니다.왜 폰트 - 페이스를 만들지 않는지, 왜 'font-family : cursive;'라고 직접 말하지 않는 것이 좋을까요? 이것도 작동합니다. 이걸로 당신을 막은 게 뭐죠? –

+0

따라야 할 디자인이 있기 때문에 글꼴 자체가 정말로 중요합니다. – Arnold

관련 문제