맞춤 웹 글꼴 문제

Question

나는 여기에 도움을 얻을 수 있기를 바라고 정말로 감사 할 것입니다. 나는 사용자 지정 글꼴을 사용하려고 ...하지만 그것이 작동하지 않는 몇 가지 이유 ...이 지금까지 내 코드입니다 :

<style> 
@font-face { 
font-family: "coolest"; 
src: url('http://domain.com/fonts/lalo.ttf') format('truetype'); 
} 

h1 { 
font: 'coolest'; 

} 
</style> 

<h1>HELLO</h1> 

Answer 1

가 올바르게 글꼴 파일을 참조하고 있다는 가정하면, 문제는 font 규칙을 올바르게 사용하지 않는 것입니다. font 속기는 필수 글꼴 크기를 먼저 취한 다음 font-family를 취합니다. 대신이 시도 :

font-family: 'coolest'; 

또는 :

font: 12px 'coolest'; 

참조 : https://developer.mozilla.org/en-US/docs/Web/CSS/font

예 : http://codepen.io/Godwin/pen/zxBLWW/.