글꼴 설정 문의.

국내에 웹 사이트들이 웹 표준을 지키고 OS나 브라우저와 관계 없이 접근성을 향상 시키기 위한 사이트 버그 신고 및 문제 해결을 위한 게시판입니다.
Post Reply
나비

글꼴 설정 문의.

Post by 나비 »

글꼴을 설정할때, em으로 설정하는 것과 px로 설정하는 것에 어떤 차이점이 있는지 궁금합니다.

같은 div안에서
영문의 경우 tahoma로 한글의 경우 돋움 체로
글꼭과 크기를 분명히 지정해 놓는 방법은 없는지 궁금합니다.


(예를들어 영문으로 기재시 tahoma 9pt.. 한글로 기재시 돋움 12pt가 자동으로 설정되게 할 수 없는지.)
박민권
해커
해커
Posts: 724
Joined: 2005 01 31 22:33 55
Location: 대한민국
Contact:

Re: 글꼴 설정 문의.

Post by 박민권 »

나비 wrote:글꼴을 설정할때, em으로 설정하는 것과 px로 설정하는 것에 어떤 차이점이 있는지 궁금합니다.

같은 div안에서
영문의 경우 tahoma로 한글의 경우 돋움 체로
글꼭과 크기를 분명히 지정해 놓는 방법은 없는지 궁금합니다.


(예를들어 영문으로 기재시 tahoma 9pt.. 한글로 기재시 돋움 12pt가 자동으로 설정되게 할 수 없는지.)
1px = 1펙셀 크기
1em = 한글자 크기

어떤 레이어의 높이를 2em이라고 한다면 이 레이어는 글자가 커지면 같이 커집니다.
http://yahoo.com 에 불여우로 접속하셔서 Ctrl + '+' 키를 눌러서 글씨를 키워보세요.
레이어가 같이 늘어납니다.

px단위가 절대적이라면 em은 상대적이라 할 수 있겠습니다.
User avatar
iLmoL
Posts: 16
Joined: 2004 10 21 06:04 07
Location: USA
Contact:

Post by iLmoL »

(예를들어 영문으로 기재시 tahoma 9pt.. 한글로 기재시 돋움 12pt가 자동으로 설정되게 할 수 없는지.)
음 폰트 사이즈를 조절하는것은 불가능 하지 않을까 합니다. 직접 span 을 쓰셔야 할듯 합니다,,, 혹시나 누군가 아신다면 저에게도 알려주시면 좋겠군요.

하지만 font 종류들이 바뀌는건 약간 가능합니다. 즉 영어를 먼저 불러준 후에 한국어를 불러주면 한국어는 그대로되 영어는 바뀔수 있겠네요.

* {font-family: "Times New Roman", 굴림, serif;}

이렇게 잡아주면 영문들은 times new roman 으로 나오지만 한글은 굴림으로 출력됩니다.

그리고 em 의 단위는 글자 M 을 중심으로 1 로 결정된다고 하네요.
헌데 em 은 어느 위치에서, 어디에 종속되어 있는 중에 불러주느냐에 따라서 사이즈가 변화되기 때문에 잘 쓰셔야 합니다.
한국의 웹표준 꼭 찾아옵니다. :)
빛알갱이
해커
해커
Posts: 1146
Joined: 2004 01 15 20:06 36

Post by 빛알갱이 »

한글로 글꼴 이름을 지정하실 때에는 '굴림, Gulim'과 같이 로마자로도 같이 써 주셔야 최대한 많은 시스템에서 인식합니다. 앞선 답변에서처럼 "serif"나 "sans-serif"와 같은 일반 글꼴 이름도 꼭 끝에 적어 주시고요. 그런데, Times New Roman과 Gulim은 별로 어울리지 않는 쌍입니다. Times New Roman에는 바탕을 쓰셔야겠지요. 굴림과 같이 가서 어울릴 글꼴은 Arial이나 Helvetica이고요.

언어에 따라 다른 글꼴을 쓰기 위해서는 (여기서는 사실상 언어가 아니라 스크립트에 따라) 해당 부분에 lang을 표시하고 'lang=en', 'lang=ko'와 같이 언어에 따라 다른 스타일을 지정하시는 방법이 있습니다. 하지만, 한 단락 안에서 라틴 글자와 한글을 다른 글꼴로 표시(이것은 앞선 답변에 나온 것처럼 하시면 됩니다. 그렇게만 하시는 것을 권합니다)하는 것은 충분히 이해할 수 있습니다. 그런데, 그 크기까지 다르게 (이것은 지금 제가 여기서 말씀드리는 방법을 쓰면 조금 '억지'이기는 하지만 ) 하시려는 까닭은 무엇인지 잘 모르겠습니다.

Code: Select all

<style type="text/css">
:lang(ko)   {
    font-family: 바탕, Batang, serif;
    font-size: 12px;
}
:lang(en)   {
    font-family: Times New Roman, Times, serif;
    font-size: 10px;
}
</style>

Code: Select all

<span lang="ko">가나다라 마바사</span> <span lang="en">abcde 124 def</span>

http://www.w3.org/International/questions/qa-lang-why
도 보십시오.
Post Reply

Who is online

Users browsing this forum: Ahrefs [Bot] and 0 guests