Windows에서 글꼴이 왜곡되어 보입니다.

우분투에서 웹 사이트를 운영 중이며 UI 부분으로 끝났습니다. 우분투에서 모든 것이 원활하게 작동하지만 윈도우로 전환하면 모든 글꼴이 왜곡됩니다. 다음 코드를 시도했습니다Windows에서 글꼴이 왜곡되어 보입니다.

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

} 

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

} 

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

}

지정된 코드가 squirrel-generator를 사용하여 생성되었습니다. 나는 'always'로 설정된 font-smooth 속성과 anti-aliased로 설정된 -webkit-font-smoothing을 사용하여 시도했으며 font-weight도 정규 용으로 700, 'normal'대신 굵은 글꼴로 900으로 지정되었습니다.

최적의 솔루션을 제안 해주십시오 ......

출처

2013-03-06 PRASANTH

Google 크롬에 대해 이야기하고 있습니까? –

문제는 모든 브라우저에서 발생합니다 .. – PRASANTH

글꼴과 관련된 시각적 인 문제이므로 발생한 문제에 대한 그림을 포함시켜야합니다. – Axel

웹 글꼴은 모든 브라우저에서 원활하지 않습니다. 웹 키트 브라우저에는 -webkit-font-smoothing: antialiased을 사용해야 할 수도 있습니다.

text-shadow: 0px 0px 1px #GOOD-COLOR-HERE 또는 text-shadow: 0px 0px 1px rgba(COLOR-SETTINGS-HERE)을 사용하고 최상의 결과를 얻으려면 색상 설정과 그림자를 조정하는 것이 좋습니다.

출처

2013-03-06 15:46:23 madhushankarox

문제는 모든 브라우저에서 문제가 발생한다고 말하면 문제가 생기거나 글꼴에 이상이 있습니까? 아니면 다른 것입니까? 결과를보기 위해 Windows에서 다른 사용자 정의 글꼴을 사용하려고 할 수 있습니까?

@Madhu Rox가 제공하는 솔루션은 꽤 최첨단이지만.

출처

2013-03-06 15:56:45

대답이 아닙니다. 코멘트로 게시되어야합니다. –

Windows에서 글꼴이 왜곡되어 보입니다.

답변

관련 문제