사용자 정의 글꼴

누군가가이 문제를 도와 줄 수 웹킷 브라우저에서 작동하지 : 나는이 글꼴이 :사용자 정의 글꼴

@font-face { 
    font-family: 'Museo500Regular'; 
    src: url('MuseoSans_500-webfont.eot'); 
    src: local('?'), 
    url('MuseoSans_500-webfont.woff') format('woff'), 
    url('MuseoSans_500-webfont.ttf') format('truetype'), 
    url('MuseoSans_500-webfont.svg#webfontr3rD8cn7') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}

웹킷 브라우저에서 작동하지 않는 내가 이해하지 못하는 이유는 ... O 파이어 폭스 또는 IE와 같은 다른 브라우저는 정상적으로 작동하지만 웹킷에서만 잘 렌더링되지 않습니다.

여기에는 드롭 다운 메뉴가있는 테스트 페이지에 대한 예가 나와 있습니다. 예를 들어 다른 브라우저의 글꼴을보고 Google 크롬을 예로 듭니다.

http://mainpage.ueuo.com/

감사의.

출처

2012-10-25 RulerNature

이 일에 대해 보이는 유일한 복수의 폰트가 필요합니다 Firefox에서 Chrome과 동일한 기능을합니다. Chrome에는 항상 글꼴 글꼴 렌더링이 있습니다. 그러나 제 견해로는 누구나 실제로이 차이를 알게 될 것입니다. 추적은 Chrome에서 조금 더 넓어서 편지가 생생하게 보입니다.하지만 그 차이를 넘어서는 차이는 없습니다. –

이것은 이전 프로젝트에서 복사 한 것입니다. 나는 더 이상 사용되지 않습니다. :) – RulerNature

@RulerNature, "작동하지 않습니다"라고 쓰지 마십시오. 특히 효과가있을 때만 쓰면 좋을 것입니다. 또한 우리가 렌더링을 비교할 때 무엇을보아야하는지 설명하십시오. 그 차이가있을 수 있다면 그 차이가 변할 수는 있지만 그 부분적으로 CSS에서 영향을받을 수있는 인쇄상의 성질 일 가능성은 적습니다. –

@font-face에 대한 CSS 정의는 default.css을 (를) 참조하여 줄 11에 야생 }을 표시합니다. 이로 인해 문제가 발생할 가능성이 있습니다.

또한 레이아웃에 table을 사용하지 마세요.

나는 당신의 MuseoSans_500-webfont.ttf을 다운로드

출처

2012-10-25 11:10:32 BenM

아니요 "}". 이 예제는 이전 프로젝트에서 복사 한 것입니다. 렌더링 방법은 실제 프로젝트에서 레이아웃 용 테이블이없고 "}"이 없습니다. – RulerNature

..이 ... 다시

을 업로드 또는 이동 마 ... 그것의 유효한 글꼴처럼 보이는 ... 또는 서버에 제대로 업로드되지 http://www.fontsquirrel.com/fontface/generator

@font-face { 
    font-family: 'Museo500Regular'; 
    src: url('museosans_500-webfont-webfont.eot'); 
    src: url('museosans_500-webfont-webfont.eot?#iefix') format('embedded-opentype'), 
     url('museosans_500-webfont-webfont.woff') format('woff'), 
     url('museosans_500-webfont-webfont.ttf') format('truetype'), 
     url('museosans_500-webfont-webfont.svg#_.regular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

}

출처

2012-10-25 11:51:01 Gaurav

나는 똑같은 인상을 주었지만 이미 폰트 렐 (fontsquirrel)로 폰트 - 페이스 킷을 만들려고 시도했지만 chrome에서 같은 것을 렌더링했다. – RulerNature

은 글꼴 이름에 따옴표를 제거 하나의 글꼴에 대한 필요가 없습니다 ... 링크를 통해 UR 글꼴 얼굴 CSS를 생성, 그것은

font-family: Museo500Regular;

출처

2012-10-25 15:53:29

사용자 정의 글꼴

답변

관련 문제