2013-07-17 1 views
0

html5에서 사용자 글꼴 (유니버스 55 글꼴)을 사용했습니다. IE, Chrome, 모바일 브라우저에서 확인한 @ font-face 규칙 &과 함께 사용되는 .ttf 파일을 다운로드했습니다. 그것은 작동하지 않지만 웹 사이트에서는 브라우저가이 글꼴 유형을 지원할 것이라고합니다. 글꼴에 다른 파일 형식을 사용해야합니까?Universe 용 @ font-face 규칙 55 글꼴이 작동하지 않습니다.

내가 같은 글꼴 얼굴 규칙 @ 사용한

,

@font-face 
{ font-family: 'Universe2'; 
src: url("C:\Users\..\Desktop\Fonts\Univers LT 55 Roman.ttf"); } 
.custfont 
{ font-family: 'Universe2'; 
font-size:25px; } 
<body><div class='custfont'>This is a customized font</div></body> 
+0

C : \ Users \ .. \ Desktop'에서 링크해야합니까? –

답변

0

당신은 예를 들어 프로젝트를 통해 그것을 연결해야 ... 프로젝트에

+0

내 프로젝트에 추가했습니다. 작동하지 않습니다. – jmj

+0

경로를 어떻게 추가했는지 추가 한 후? –

+0

즉 @ font-face src? –

2

을 유니버스 LT 55 Roman.ttf를 추가하여 프로젝트는 d :/projectname 안에 있습니다. CSS 파일에 다음과 같이 링크하는 글꼴 파일이 있습니다.

@font-face { 
    font-family: 'MyFont'; 
    src: url('myfont.eot'); /* IE9 Compat Modes */ 
    src: url('myfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
     url('myfont.woff') format('woff'), /* Modern Browsers */ 
     url('myfont.ttf') format('truetype'), /* Safari, Android, iOS */ 
     url('myfont.svg#svgFontName') format('svg'); /* Legacy iOS */ 
    }