«webfonts» 태그된 질문

에서 CSS3 font-face , 같은 포함 된 여러 글꼴 종류가 있습니다 ttf, eot, woff, svg및 cff. 왜이 모든 유형을 사용해야합니까? 다른 브라우저에 특수한 경우 주요 웹 브라우저 수보다 더 많은 이유는 무엇입니까?

299 css  font-face  webfonts 

Google 웹 글꼴을 페이지에 포함시키는 기본 방법은 무엇입니까? 링크 태그를 통해? <link href = 'http : //fonts.googleapis.com/css? family = Judson : 400,400italic, 700'rel = 'stylesheet'type = 'text / css'> 스타일 시트로 가져 오기를 통해? @import url (http://fonts.googleapis.com/css?family=Kameron:400,700); 또는 웹 글꼴 로더를 사용하십시오 https://developers.google.com/webfonts/docs/webfont_loader

190 fonts  webfonts  google-webfonts 

플래시 또는 PHP를 사용하지 않고 간단한 HTML 레이아웃에 사용자 정의 글꼴을 추가하라는 요청을 받았습니다. "KG June Bug" 로컬로 다운로드했습니다. 이것을 달성하는 간단한 CSS 트릭이 있습니까?

153 html  css  fonts  webfonts 

Font Awesome 아이콘 글꼴을 좋아하고 내 사이트의 대부분의 아이콘에 사용하고 싶지만 제공되는 것 외에도 몇 가지 사용자 지정 svg 아이콘이 있습니다. Font Awesome 의 .svg 버전은 대부분 다음 <glyph />요소 로 구성되어 있습니다. ... <glyph unicode="" horiz-adv-x="1536" d="M0 80v477q0 51 24.5 61.5t59.5 -24.5l162 -162l340 338l-338 338l-164 -164q-35 -35 -59.5 -25.5t-24.5 …

138 svg  webfonts  font-awesome 

내 사이트에서 사용하는 맞춤 웹 글꼴이 있습니다. 렌더링 출력의 스타일을 지정하기 위해 다음 코드를 사용했습니다. //-webkit-text-stroke-width: .05px; //-webkit-text-stroke-color: white; -webkit-font-smoothing: antialiased; 이것은 Safari와 Chrome에서 잘 작동합니다 (가장자리가 더 선명하고 선이 더 얇음). Firefox와 Opera에서 동일한 스타일을 구현하는 방법이 있습니까?

112 css  fonts  webfonts  antialiasing 

닫은. 이 질문은 주제를 벗어났습니다 . 현재 답변을 받고 있지 않습니다. 이 질문을 개선하고 싶으십니까? 질문 업데이트 는 그래서 주제에 스택 오버플로합니다. 휴일 칠년 전에 . 이 질문 개선 웹 글꼴에 적용되는 법칙에 대해 약간 혼란 스럽습니다. Arial, Times Romans, Georgia 등과 같은 글꼴을 사용해도 괜찮다는 것을 알고 있습니다. 다른 …

108 webfonts 

Cufon 을 사용하여 발생한 문제 이후 외부 글꼴 리소스 고 노력했지만 최근에는 글꼴을로드하는 다른 방법을 찾고 더 나은 방법이 있는지 확인했습니다. 더 나은 방법은 갑자기 나타나는 방법이 있습니다. 많은 새로운 방법이 있으며 각 방법에 대한 변형이 있습니다. typekit을 사용해야 합니까 ? 또는 google webfonts (js 또는 css 포함)? 로컬 로딩 …

98 javascript  css  fonts  webfonts 

@font-faceCSS에서 규칙 이상을 어떻게 사용할 수 있습니까? 내 스타일 시트에 삽입했습니다. body { background: #fff url(../images/body-bg-corporate.gif) repeat-x; padding-bottom: 10px; font-family: 'GestaRegular', Arial, Helvetica, sans-serif; } @font-face { font-family: 'GestaReFogular'; src: url('gestareg-webfont.eot'); src: local('☺'), url('gestareg-webfont.woff') format('woff'), url('gestareg-webfont.ttf') format('truetype'), url('gestareg-webfont.svg#webfontg8dbVmxj') format('svg'); } 이것은 현재 사이트의 전체 텍스트에만 적용됩니다. 그러나 h1다른 글꼴을 사용 …

80 html  css  fonts  font-face  webfonts