2014-02-26 1 views
0

사용자 지정 Google 웹 글꼴을 Tumblr 페이지에 추가하려고하지만 모바일 (iOS 7)에서는 적용되지 않습니다. 이상하게도, 그들은 내 노트북에서 잘 작동합니다.iOS7의 Tumblr 페이지에서 Google 웹 글꼴이 작동하지 않습니다.

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

와 나는 CSS에서 H1 선택 내

font-family: "Dosis", "Helvetica Neue", HelveticaNeue, Arial, sans-serif; 

이 : 나는 머리 태그의 끝 부분에이 라인을 추가했습니다.

다시 말하지만 폰트는 내 노트북의 Chrome에서 완벽하게 렌더링되지만 iOS7의 모바일 Chrome/Safari의 다른 (못생긴) 글꼴로 대체됩니다. 글꼴은 내 Nexus 7에서 올바르게 렌더링됩니다.

또한 "보관함"링크가 iOS7 버전에 표시됩니다.이 링크는 HTML의 어느 곳에서도 지정되지 않고 모바일이 아닌 브라우저에는 없습니다. Tumblr이 iPhone 용 HTML을 특별히 변경하고있는 것으로 보입니다. 이 기능을 사용하지 않거나 해결할 방법이 있습니까?

답변

1

수정 됨! 고급 옵션에는 "최적화 된 모바일 레이아웃 사용"이라는 설정이 있는데,이 옵션을 선택하지 않으면 내 글꼴 문제와 원하지 않는 "아카이브"링크가 수정됩니다. 나는 이것이 모바일 레이아웃을 망칠 것이라는 두려움으로 이것을 토글하는 것을 주저했지만, 여전히 화면에 맞게 크기가 조정되었습니다.

관련 문제