html과 css에서 특정 글꼴 사용

나는 html과 css로 코드를 가지고 있습니다. 내가 다운로드 한 특별한 글꼴을 사용하려면 일부를 검색 한 후, 나는 아래의 코드 작성 :html과 css에서 특정 글꼴 사용

<head> 
     <style> 
     @font-face 
     { 
      font-family: paraaminobenzoic; 
      src: url('paraaminobenzoic.otf'); 
     } 
     p.custom_font {font-family: paraaminobenzoic;} 
     </style> 
    </head>

을하고 작동하지 않습니다와 나는 이유를 알지 못한다. 특히 아래 코드를 올바른 위치에 추가했는지 여부는 알 수 없습니다.

p.custom_font {font-family: paraaminobenzoic;}

는 사람이 문제를 몰래 도와 드릴까요?

출처

2013-12-12 Melika Barzegaran Hosseini

@JTFRage 덕분에. :) 나는 그 링크를 보지 못했습니다. 그것은 도왔고 옳았습니다. :) –

문제 없습니다, 대답을 질문으로 표시하는 것을 잊지 마십시오. – JTFRage

비슷한 질문은 다른 게시물에 대답하고있다 :

How do I install a custom font on an HTML site

은 위의 링크에서보세요.

출처

2013-12-12 15:06:22 JTFRage

감사합니다. :) 나는 그 링크를 보지 못했습니다. 그것은 도왔고 옳았습니다. :) - –

왜 바퀴를 다시 발명해야합니까? :) – JTFRage

글꼴에 대한 올바른 형식 :

@font-face{ 
font-family: 'MyWebFont'; 
src: url('WebFont.eot'); 
src: url('WebFont.eot?iefix') format('eot'), 
    url('WebFont.woff') format('woff'), 
    url('WebFont.ttf') format('truetype'), 
    url('WebFont.svg#webfont') format('svg'); 
}

TTF - IE와 아이폰을 제외한 대부분의 브라우저에서 작동합니다.

EOT-IE 전용.

WOFF - 압축 된 최신 표준.

SVG - iPhone/iPad.

여기를보세요 : http://www.fontspring.com/support/installing_webfonts/how-do-i-use-the-webfonts

출처

2013-12-12 15:06:35 wf4

사실, .svg는 iOS 5 이하에서만 필요합니다. – KaptajnKold

@ wf4 이러한 세부 정보를 언급 해 주셔서 감사합니다. 나는 그들에 대해 몰랐다. :) –

시도는 다음과 같은 방식으로 따옴표를 추가 -

<head> 
    <style> 
    @font-face { 
     font-family: "paraaminobenzoic"; 
     src: url("paraaminobenzoic.otf"); 
    } 
    p.custom_font { 
     font-family: "paraaminobenzoic"; 
    } 
    </style> 
</head>

출처

2013-12-12 15:06:39 divyaSharma

html과 css에서 특정 글꼴 사용

답변

관련 문제