cross @ font-face use

Question

나는 사용자 글꼴과 @font-face을 사용하는 데 많은 어려움을 겪고 있습니다. 내가 크롬, 사파리 & 파이어 폭스의 최신 버전에서 일관성 글꼴을 얻으려고 (아래 스크린 샷에 순서대로 표시 :

나는이를 생성하려면 다음을 사용하고 있습니다 :

를

@font-face { 
    font-family: 'dineng'; 
    src: url('fonts/dineng.eot'); 
    src: url('fonts/dineng.eot?#iefix') format('embedded-opentype'), 
     url('fonts/dineng.woff') format('woff'), 
     url('fonts/dineng.ttf') format('truetype'), 
     url('fonts/dineng.svg#dineng') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

그리고 : 나는 일을 감소 에게 글꼴 무게의 모든 영지를 시도했습니다

.menu-button a { 
    height:25px; 
    float:left; 
    border-bottom:2px solid white; 
    color:#ccccff; 
    text-decoration:none; 
    padding:8px 21px 0px 20px; 
    text-align:center!IMPORTANT; 
    background-color:#00378f; 
    font-size:18px; 
    font-family:'dineng', Arial; 
    text-shadow:0 0 1px rgba(0,0,0,0.3); 
    } 

무게는이지만 아무것도 영향을주지 않습니다. 나는 내 PSD하지만 다른 브라우저에서 작동하지 않습니다 같이 가야 크롬에 아래 CSS3 해킹을 사용했다 : 나는 창 밖으로 뛰어 전에

text-shadow:0 0 1px rgba(0,0,0,0.3); 

는 사람이 어떤 제안이 있습니까!

나는 폰트 스쿼렐을 사용할 수 없다는 점에 유의하십시오!

Answer 1

은 다음과 같이 그것을 시도 :

@font-face { 
    font-family: 'dineng'; 
    font-style: normal; 
    font-weight: normal; 
    src: url('fonts/dineng.eot'); 
    src: url('fonts/dineng.eot?#iefix') format('embedded-opentype'), 
     url('fonts/dineng.woff') format('woff'), 
     url('fonts/dineng.ttf') format('truetype'), 
     url('fonts/dineng.svg#dineng') format('svg'); 
} 

그렇지 않으면 컴퓨터에 .TTF 파일을 엽니 다. 글꼴이 이미 굵게 표시되면 글꼴의 모양이 보통이기 때문에 글꼴의 크기를 줄일 수 없습니다.