사용하여 사용자 정의 글꼴,

내가 당신에게 몇 가지 예를 들어 보겠습니다 :사용하여 사용자 정의 글꼴,

파이어 폭스 13 :

enter image description here

크롬 (최신) :

enter image description here

Firefox에서 볼 수 있듯이 글꼴은 부드럽고 Chrome 초미니스트에 나타납니다. 나는 이것이 왜 일어나고 있는지에 대해 궁금해하며 사용자들을위한 경험을하기 위해 내가 취할 수있는 조치들을 설명한다.

나는 .OTF 글꼴을 사용하고 있습니다 :

HelveticaNeueLTPro-LtCn.otf

을 그리고이 사용자 정의 글꼴 적용하기 위해 다음과 같은 CSS 규칙을 사용 : 당신은 내가 글꼴을 균일하게하기 위해 사용하는 것이 좋습니다 무엇

@font-face { 
    font-family: "Helvetica Neue LTPro"; 
    src: url("/Public/assets/fonts/HelveticaNeueLTPro-LtCn.otf"); 
} 

a { 
    color: #665548;     
    display: block; 
    font-family: "Helvetica Neue LTPro"; 
    font-size: 15px; 
    padding: 17px;     
}

을 차이점은? 아니면 "웹 안전"글꼴을 사용하는 좋은 연습 방법은 무엇입니까? 그런 것이 있습니까?

출처

2012-07-04 Only Bolivian Here

해결할 수 없습니다. –

여기를 참조하십시오 : http://code.google.com/p/chromium/issues/detail?id=125297&q=aliasing%20custom%20fonts&colspec=ID%20Pri%20Mstone%20ReleaseBlock%20Area%20Feature%20Status%20Owner%20Summary – starbeamrainbowlabs

불행히도 모든 글꼴을 가져 와서 변환하고 모든 브라우저에서 제대로 사용할 수는 없습니다. 네가 할 수 있다면 나는 그것을 좋아할 것이다. 그러나 너는 할 수 없다.

좋은 결과를 얻기위한 가장 좋은 방법은 typekit 또는 fontdeck과 같은 글꼴 배달 서비스를 사용하여 여러 브라우저에서 제공되도록 설계되었으므로 일관되게 렌더링 할 수있는 글꼴을 제공하는 것입니다. 그래도 브라우저와 운영 체제간에 작은 차이가 발생할 가능성은 여전히 있지만 웹의 특성입니다.

그러나 특히 귀하의 질문에 대한 답변을 설정이나 해결 방법을 해당 글꼴을 일관되게 표시 할 수 있습니다. 가치가있는 무엇을 위해 나는 양쪽 다 좋아 보인다라고 생각한다.

출처

2012-07-04 23:05:21 thebiffboff

Typekit과 같은 글꼴 전달 서비스를 처음 접했습니다. 내가 사용하면 내 사이트에서 실제 선택 가능한 텍스트 또는 렌더링 된 이미지 제공 업체에 서비스를 제공합니까? 나는 SEO 서비스를 알아야한다. –

네, 물론 그럴 것입니다. 텍스트는이 페이지의 텍스트와 마찬가지로 렌더링되며 선택 가능하고 검색 엔진 친화적이며 잘 보입니다. 가능 한 일의 좋은 예로서 Elliot Jay Stocks의 사이트를보십시오 : http://elliotjaystocks.com – thebiffboff

고맙습니다. 나는 그 방향으로 나아갈 것입니다. :) –

브라우저가 글꼴을 해석하는 방식에 따라 다릅니다. 필자는 실제로 사용한 적이 없지만 글꼴을 가져 와서 여러 브라우저에 사용하기 위해 다른 글꼴 확장으로 나눌 fontsquirrel이라는 사이트가 있습니다. 확인 해봐. http://www.fontsquirrel.com/

출처

2012-07-04 16:01:58 Chad

사용하여 사용자 정의 글꼴,

답변

관련 문제