1. 홈
  2. 질의 응답
  3. 브라우저에서 OpenType 글꼴 사용

브라우저에서 OpenType 글꼴 사용

2012-11-27 2 views
3

사용하려는 특정 글꼴 종류 (합자 포함)는 OpenType으로 만 사용할 수 있습니다.브라우저에서 OpenType 글꼴 사용

제대로 표시 할 수있는 브라우저와 CSS에 추가하는 방법을 알아 내려고 노력 중입니다.

내가 제안, 다른 사람의 사이 폴 아일랜드어의 기여와 함께 7 월 2012이 문서를 발견했다 아마 신뢰할 수 :

http://www.typotheque.com/articles/opentype_features_in_web_browsers

하지만 그것은 오픈 타입 글꼴 사이에 만드는 차이를 이해하지 못하고, 오픈 타입 기능 :

But while all modern browsers can display OpenType *fonts*, only Firefox 
(since version 4) [1], Internet Explorer 10 (preview version)[2] and 
the latest versions of Google Chrome[12] are currently able to display 
OpenType *features*.

그래서 :

  1. 현대적인 브라우저에서이 OpenType 글꼴을 사용할 수 있습니까? OpenType 글꼴과 기능의 차이점은 무엇입니까? ASCII 문자와 합자를 표시하고 싶습니다.
  2. 실제로이 OpenType 글꼴을 CSS에 포함시켜야합니까?

고마워요!

출처

2012-11-27 Richard

답변

4

글꼴 (합법적 다운로드 글꼴로 사용할 수있는 글꼴)를 가지고 할 수있는 실용적인 방법 브라우저에서 사용되는 만들 FontSquirrel @font-face Generator 같은 서비스를 사용하는 것입니다 다른 폰트 포맷이 필요하고 생성 된 CSS 코드를 사용할 수 있습니다 (기울임 꼴, 굵은 체 또는 일반 서체이면 조정할 필요가 있음).

글꼴에 원래 합자 정의가 있고 변환기가 정보를 보존하면 (변환 후에 일부 테스트를 실행해야 함) 최신 표준 버전의 Firefox에서는 "표준"합자가 기본적으로 사용됩니다.크롬과 사파리를 사용하려면, 또한 추가, 

text-rendering: optimizeLegibility

은 (합자로 렌더링되어야 어떤 요소에 적용되는)이 CSS 선언을 추가하고,뿐만 아니라 IE 10을 충당하기 위해 

-ms-font-feature-settings: "liga";

안전을 위해 제안 된 표준 설정도 추가하십시오.

font-feature-settings: "liga";

나는 이것이 현재 또는 가까운 미래에 얻을 수있는 모든 것을 제공한다고 생각합니다.

글꼴에 문맥 (clig), 임의 (dlig) 또는 기록 (hlig) 합자의 정의가 포함 된 경우 일부 브라우저에서 해당 문자를 사용하도록 설정할 수 있습니다.

이 
-ms-font-feature-settings: "liga", "dlig"; 
-webkit-font-feature-settings: "liga", "dlig"; 
-moz-font-feature-settings: "liga", "dlig"; 
font-feature-settings: "liga", "dlig";

당신은 이러한 비 합자에서 Google web font 소스 "FF"와 "피트"에 대한 표준 합자를 가지고 프로 산세, (구별를 사용하여 테스트 할 수 있습니다 : 예를 들어, 다음은 표준 합자 외에 임의 합자 수 있습니다 최소한 충분히 큰 폰트 크기로 렌더링).

이론과 관련하여 OpenType은 글꼴 파일에 포함 된 인쇄 정보를 허용하는 사양 및 글꼴 형식입니다. 브라우저는 내장 된 정보의 사용을 지원하지 않고 형식을 지원할 수 있습니다.

출처

2012-11-27 18:28:05

+0

우수 답변, 감사합니다. – Richard

0

OpenType 기능은 OpenType 글꼴의 문자 사이에 합자를 사용할 수 있다고 생각합니다. 브라우저가 문자를 상호 연결할 수있는 방법이며 거대한 태그 목록이 있습니다.

자세한 내용은 http://ilovetypography.com/OpenType/opentype-features.html에서 확인할 수 있습니다.

또한 위키 백과 문서에서 태그 사양을 확인할 수 있습니다. Paul Irish와 다른 사람들은 모든 브라우저가이 기능을 지원하는 것은 아니지만 대부분의 최신 브라우저는 CSS3 속성을 지원하는 경향이 있으며 그 중 하나는 @font-face 규칙을 통해 글꼴 유형을 포함한다는 것입니다. =>http://www.w3schools.com/css3/css3_fonts.asp

당신이 fontsquirrel 서비스를 확인하실 수 있습니다 어떤 글꼴을 변환해야하는 경우 :

출처

2012-11-27 17:11:14 Kornel

관련 문제

 관련 문제