Google 웹 글꼴 및 woff

Google은 글꼴의 눈을 뜬 버전 만 제공하며 iOS 기기에서 문제없이 렌더링합니다. 그러나 자신의 woff 글꼴을 사용하는 동일한 Google 코드를 사용하면 작업이 중단됩니다. 여기Google 웹 글꼴 및 woff

오프라인과 구글 코드와 그것을 바탕 & 모바일 모두에서 작동하므로에 올바른 ID를 가지고 경우에도

<style type="text/css"> 
@font-face { 
font-family: 'Keania One'; 
font-style: normal; 
font-weight: 400; 
src: local('Keania One'), url(Xs0xx5kHUREmTXw6nnDuChsxEYwM7FgeyaSgU71cLG0.woff) format('woff'); 
} 
body { 
font-family: Keania One; 
font-size: 150px; 
} 
</style>

SVG가 작동하지 않습니다,이 글꼴 문제인가? 또는 내가 놓친 거있어?

미리 감사드립니다.

출처

2013-03-21 Johan Larsson

저는이 모든면에서 여전히 새로운 편이지만 조금 도와 드릴 수 있기를 바랍니다. 사용하려는 글꼴을 다운로드 할 수있는 경우 Fontsquirrel으로 이동하면 자신의 글꼴을 웹 글꼴로 변환하고 웹 키트를 다운로드 할 수있는 무료 서비스를 제공합니다. 그래서 어쩌면 당신이 자신의 웹 글꼴 키트를 만들고 대신 어쨌든 그것을 고칠 수 있습니다 사용합니다. 다행히도 도움이된다면 사과하겠습니다.

출처

2013-03-21 18:13:41

나는 가능한 모든 생성기를 시도했지만, 그 중 아무 것도 Google과 동일하게 작동하지는 않지만, Google의 코드에는 ony 글꼴 형식 만 포함됩니다. 3 또는 4가 있어야합니다. Google이 꺼져있는 비밀이 있어야합니다. 희망 전문가가 우리를 도울 수 있습니다. –

잘하면, 미안해 나는 더 많은 도움이 될 수 없었다. –

Google Webfont 코드는 이와 같이 정적 CSS 파일에 대한 링크처럼 보입니다.

<link href='http://fonts.googleapis.com/css?family=Gabriela' 
rel='stylesheet' type='text/css'>

그러나 그렇지 않습니다. OS가 브라우저를 지원하는지에 따라 적절한 글꼴 - 페이스 CSS를 생성하는 스크립트입니다. 지원되는 파일 만로드되므로 영리합니다.

적어도 WOFF 파일이 지원되는 곳에서 코드가 작동해야합니다. 그래도 한가지, 다음과 같이 본문 글꼴 모음을 작성해야합니다.

font-family: 'Keania One';

출처

2013-03-22 08:40:50

글쎄, 구글에서 woff 글꼴을 다운로드하고 로컬로 사용했다. 아무 문제없이 내 ipad가 렌더링되었으므로 Safari는 그럴듯한 글꼴을 렌더링한다. 하지만 다른 woff 글꼴이나 SVG를 사용하면 ipad가 렌더링 할 수 없습니다. 내가 사용하려고하는 글꼴에 문제가있는 것은 확실하지만 데스크톱에서 잘 작동하는 표준 글꼴은 내 글꼴에서 빠져 iPad에서 사용할 수 없게 될 수 있습니다. 모바일 장치에서 작동하지 않는 글꼴에 대한 특정 요구 사항이 있습니까? –

네, 맞습니다. 나는 이것을 어려운 길을 배웠다. – Danield

Google 웹 글꼴 및 woff

답변

관련 문제