먼저 모바일 브라우저를 목표로하는 스타일 페이지 (유체 레이아웃 포함)를 CSS에 적용 할 계획입니다.휴대 전화 용 CSS를 통해 xhtml 페이지를 디자인 할 때 사용할 글꼴은 무엇입니까?
<style type="text/css">
body {
background-color: #000;
color: #fff;
font: normal 95%/130% "Trebuchet MS", Verdana, Arial, sans-serif;
margin: 0;
padding: 20px 0;
}
</style>
글꼴 속성에는 어떤 값을 입력해야합니까? (나를 용서하되, 나는 CSS 초보자이다. 폰트가 body 요소의 속성으로 언급 되는가?) 모바일 장치에는 일반적인 글꼴이 없으므로 공백으로 두어야 하는가?
휴대 기기에는 브라우저에서 사용할 수있는 대부분의 기본 글꼴이 있어야합니다. 그것들은 여전히 화면 상에 렌더링되어 있으므로 비 serif 폰트 (Verdana, Arial은 좋은 선택입니다)를 사용하는 것이 중요합니다. 일반적으로 CSS에 "선호도 순서대로"글꼴을 여러 개 넣습니다.
기본 글꼴 제품군 (예 : sans-serif 또는 monospace)을 지정하면 모든 글꼴 당신은 지정할 수 없습니다.
모바일 장치는 수천 개의 장치를 포함합니다. 일부 기기에는 BlackBerry와 같은 독점 글꼴 만 제공되며 일부 기기에는 글꼴이 제한적으로 제공됩니다. 글꼴을 지정하는 유일한 방법은 일반 글꼴 모음을 사용하고 장치가 가장 일치하는 글꼴을 선택하도록하는 것입니다.
애플은 헬 베티를 사용하기 때문에 당신은 애플이보고 싶은 경우에, 당신은 당신의 글꼴 - 가족 배열이 선언 할 수있다. 그러나 모든 모바일 장치에 Helvetica가있는 것은 아니므로 어레이 끝에 최소한 sans-serif를 선언하고 싶을 것입니다. 당신은 단지 당신이 어쨌든 기본적으로 다음을 얻을 것 같은데요 산세 리프를 선언하는 경우, 물론
body {
font-family: Helvetica, "Droid Sans", Prelude, BBMillbank, "Microsoft Tahoma", sans-serif;
}
: 여기에 한 지점에서 기본 산세 리프의 주요 핸드 헬드 플랫폼을위한 글꼴 무엇인지 사용하여 문자열이다 . (모든 플랫폼에서 직접 테스트 할 수 있기를 원합니다. 에뮬레이터는 지금까지만 제공합니다.)
모바일 장치에는 사용할 수있는 대부분의 기본 글꼴이 없습니다. 일부 프리미어 스마트 폰은 글꼴 선택 폭이 넓지 만 대부분의 모바일 시장 (스마트 폰이 아닌)을 배제하지 않습니다. – nickelleon