2012-08-16 2 views
0

웹 글꼴을 사용할 때 모바일 Safari (및 Chrome)에서 입력 필드의 텍스트의 수직 위치가 항상 높습니다. 구체적으로, DIN 다음 Monotype Webfonts에서 http://www.fonts.com/font/linotype/din-next?QueryFontType=Web#buying-options웹 글꼴을 사용하는 입력 필드에서 텍스트의 수직 위치 지정

선 높이, 조정 패딩 및 입력 높이 설정에 아무런 효과가 없습니다. 텍스트는 항상 있어야하는 것보다 높습니다.

웹 글꼴이 입력란에 적용되지 않으면 멋져 보입니다.

스크린 샷 여기 normalize.css와 HTML5 상용구를 사용

: https://www.evernote.com/shard/s4/sh/49486b48-98a6-4cf0-80ab-52c96f052bc6/a889ee43c1c08b7c2ee5433a139708ac

+0

무료 웹 폰트 (Google Webfonts 사용)를 사용하는 라이브 데모를 게시하십시오. HTML/CSS로 재생할 수있는 최상의 방법입니다. – Blender

+0

안녕 블렌더 - 불행히도 지금이 페이지에 링크 할 수 없으며 공개적으로 사용할 수 없습니다. 기존 페이지의 예를 찾을 수 있는지 보겠습니다 ... –

답변

0

문제는 글꼴 파일과 관련된 일 것으로 보인다. Typekit 글꼴로 테스트하여이 문제를 해결할 수있었습니다.

관련 문제