2013-02-27 5 views
0

사이트를 개발하는 중이며 약간 이상한 문제가 있습니다.웹 글꼴 문제 해결

저는 fonts.com과 협력하여 내 사이트에 @ font-face 유형을 만듭니다.

나는 모든 것이 잘로드되는 Firefox 내에서 내 작업을 테스트/미리 보았습니다.

휴대 기기/ipad/safari/chrome에서 내 서체가로드되지 않지만 나는 장소 중 아무것도 없다고 생각하지만 나는 전체 CSS를 붙여 넣을 수

http://www.moneyworrier.com/about/team/kearsten-james.php

:

사이트에 대한 미리보기가에 위치해 있습니다. 예 :

.base-menu { line-height: 18px; font-family:'Arial W01 Light'; font-size:12px;} 

누구도 같은 문제가 있습니까? 내가 잘못 했니? 어떤 생각이라도 대단히 감사하겠습니다.

+0

아아, 나는 비슷한 것을 가졌지 만 크롬은 생각합니다. 당신은 모든 적당한 체재가 있는가? PC에서 사파리를 확인하십시오 – bboy

답변

1

는이 구문을 사용하고 있습니다 :

@font-face { 

font-family: 'MyFontFamily'; 
src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
    url('myfont-webfont.woff') format('woff'), 
    url('myfont-webfont.ttf') format('truetype'), 
    url('myfont-webfont.svg#svgFontName') format('svg'); 
} 

여기에서 자세한 내용을보실 : http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax

+0

그것은 모두 fonts.com에서 통제합니다. css 파일을 포함하기 만하면됩니다. 사람들은 모두 함께 할 수 있기를 바랍니다. – Brandrally

+0

파일을 localhost로 가져 오지 않는 이유는 무엇입니까? 파일을 다운로드하고 자신의 .css 파일에 포함하십시오. 더 빠를 것입니다. @ font-face 킷을 다운로드하면 CSS 파일이 생성됩니다. – bboy

0

재미있는 충분히 파이어 폭스은 실제로 당신이 당신의 관리에서 도메인을 지정하지 않은 경우에도이 fonts.com에서 웹 글꼴을 사용할 수 있습니다 체계. 나는 'Add and Edit Domains (도메인 추가 및 편집)'에 가서 실제로 CSS를 표시 할 도메인을 지정하지 않았 음을 알았습니다. 도메인을 추가하면 문제가 해결되었습니다.