Typeface.js : 추가 할 글꼴의 이름을 어떻게 알 수 있습니까?

Question

Typeface.js를 사용하여 일부 글꼴을 변환했으며 Century Gothic 인 기본 글꼴이 정상적으로 작동합니다. 하지만 지금은 Century Gothic Bold를 사용하여 업로드하려고했는데 정확한 이름이 무엇인지 알지 못합니다. "Century Gothic Bold"시도했지만 작동하지 않았다. 그 이름이 무엇인지 어떻게 압니까? 변환기는 작성 중에이를 지정하거나 사용자에게 알려주지 않습니다. 파일 이름입니까?

일반적인 질문이므로 코드를 업로드하지 않을 것입니다.

p.s. 나는 font-weight : bold를 추가 할 수 있다는 것을 분명히해야한다. 그러나 그것은 완전히 다른 것인 "Century Gothic Bold"서체보다는 대담한 보통 "Century Gothic"이 될 것이다. 나는 이미 그것을 시도하고 그것은 끔찍한 보았다.

내가뿐만 아니라 전에 Typeface.js을 사용 :

Answer 1

@Adamantus가 아닌 특정 기술 대답했지만, 나는 말해야한다. 그러나 일단 웹 글꼴이 견인을 얻고 웹 글꼴 서비스가 등장하면 사용을 중단했습니다. 나는 안심이되었다.

1. 너무 많은 오버 헤드가 작동 만들려고 노력 :
   내가 Typeface.js 모든 의미에서 오늘날의 기준에 의해 완전히 불필요 사용하여 생각, 솔직히합니다. 그래서 여기에 게시하는 이유입니다.
2. CSS로 매우 쉽게 할 수있는 JavaScript로 작업하는 것은 잘못된 개발 방법입니다.
3. Typeface.js를 사용하는 경우 글꼴이 아닌 라이선스 서체를 사용하고 있기 때문에 Century Gothic은 자유로운 서체가 아닙니다. 이것은 서체가 불법적으로 사용되는 것을 의미하므로 기술 만 다릅니다.

Century Gothic과 유사한 웹 글꼴을 찾고 @font-face으로 구현하는 것이 가장 좋습니다. https://stackoverflow.com/questions/19675667/alternative-google-web-font-for-century-gothic

그리고 여기 당신이 더 쉽게 웹 폰트 구현 만들 수있는 @font-face 말대꾸 믹스 인 찾을 수 있습니다 :

여기 포럼은 그것을 위해 SO 정확히에서 여기

: 여기 https://gist.github.com/ricardozea/9029840

은 믹스 인의

//@include fontFace(fontName, 'path/to/font'); » No need to specify the file extension in the "fontName" value 

@mixin fontFace($font-family, $file-path, $weight:normal, $style:normal) { 
    @font-face { 
     font-family:$font-family; 
     src:url('#{$file-path}.eot'); 
     src:url('#{$file-path}.eot?#iefix') format('embedded-opentype'), 
      url('#{$file-path}.woff') format('woff'), 
      url('#{$file-path}.ttf') format('truetype'); 
     font-weight:$weight; 
     font-style:$style; 
    } 
} 

사용법 :

@include fontFace(muli, '../fonts/muli'); 

,

행운을 빈다.