안드로이드 렌더링 용 글꼴은 해상도에 따라 다르게 번역됩니다.

편집 1 : 분명히 이미지를 게시하기에 충분한 평판이 없으므로 필자는 외부 연결해야했습니다.안드로이드 렌더링 용 글꼴은 해상도에 따라 다르게 번역됩니다.

EDIT 2 : 분명히, 나는 2 개 이상의 하이퍼 링크를 게시하기에 충분한 평판이 없다. URL 복사 및 붙여 넣기의 불편 함을 유감스럽게 생각한다.

친구를위한 사이트 (http://vitkodance.com)를 구축하고 @font-face Google 웹 글꼴 구현을 사용했습니다. 그런 다음 일련의 대체 글꼴을 사용하여 글꼴을 호출했습니다. 제목은 대본 스타일이고 몸은 serif-ish입니다. 휴대 전화에서 Android 용 Chrome에 웹 사이트를로드하면 글꼴의 방향 (사용 가능한 해상도)에 따라 글꼴이 다르게 렌더링됩니다.

다음은 초상화 (fallback 글꼴)로 표시된 사이트입니다 : Chrome for Android Portrait Rendering.

다음은 가로 방향의 사이트입니다 (Chrome for Android Landscape Rendering).

내 Nexus 7 태블릿에서 글꼴이 두 방향 모두에서 의도 한대로 표시됩니다. 이 문제를 해결할 수있는 방법이 있습니까? 이 글꼴이 내가 선택한 글꼴을 기반으로 예상되는 동작입니까, 아니면 글꼴 크기 (줄의)와 줄 높이 값을 처리해야합니까?

출처

2012-11-29 Nicholas Ryan Bowers

동일한 문제가있어서 비슷한 질문을합니다.

현재이 여기 http://code.google.com/p/chromium/issues/detail?id=138257

안드로이드 크롬 대체 글꼴을 표시하지만 돌핀 브라우저 적어도 내 장치에 올바른 글꼴을 표시 추적되는 버그입니다. 그래서 이것은 Chromium 버그 인 것 같습니다. 초기 규모를 정의하는 일부 사람들을 위해

, 그래서 같은 문제를 해결

이

<meta name="viewport" content="initial-scale=1">

또한 당신의 CSS에 -webkit-text-size-adjust:100%를 추가하는 것이 아니라 문제를 해결할 수 있습니다.

나는 확실한 답을 갖고 싶지만 아무 것도없는 것 같습니다. 어떻게 진행되는지 알려주세요.

편집 대답 :

문제에 대한 내 솔루션과 같이, 완전히 구글 웹 글꼴을 버려야하고, 대신, 웹 서버에 폰트를 다운로드하고 CSS를 통해 그들을 호출하는 것입니다

@font-face { 
    font-family: 'Droid Sans'; 
    src: url('fonts/DroidSans-webfont.eot'); 
    src: url('fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'), 
     url('fonts/DroidSans-webfont.woff') format('woff'), 
     url('fonts/DroidSans-webfont.ttf') format('truetype'), 
     url('../fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}

Google의 웹 글꼴은 오픈 소스이므로 글꼴 다운로드에 문제가 없어야합니다.

이 솔루션은 Dolphin 및 Android 용 Chrome에서 모두 작동합니다.

출처

2013-01-01 22:09:22 AAA

안드로이드 렌더링 용 글꼴은 해상도에 따라 다르게 번역됩니다.

답변

관련 문제