[마꾸] 12. 폰트 바꾸기

1. 방법

스타일 시트(CSS)에 소스를 복사 > 폰트 이름 변경 > 확인


2. 소스


/* 폰트 설정 */
* { font-family:"맑은 고딕", verdana, 돋움;}



3. 기본 한글 폰트

"맑은 고딕", 궁서, 궁서체, 돋움, 돋움체, 바탕, 바탕체, 굴림, 굴림체


4. 영상





5. 추가 내용

- 모든 영역의 폰트를 변경하기 위해서 선택자 '*'을 사용합니다.
- 폰트 이름에 띄어 쓰기가 있으면 큰 따옴표 또는 작은 따옴표로 묶어줍니다.
- 폰트가 없을 경우를 대비해 여러개의 폰트를 입력합니다. 왼쪽부터 오른쪽 순으로 우선순위가 높습니다.
- 설정한 폰트가 없을 때는 기본 폰트로 자동적용 됩니다. 마이피 기본 폰트 설정은 굴림으로 되어 있습니다.
- '체'를 붙이면 글자 모양은 그대로지만 글자 간격이 넓어지게 됩니다.


6. 추천 게시물

- 에프릴님의 글자 꾸미기 게시물 : http://mypi.ruliweb.daum.net/mypi.htm?id=rokubane&num=3845





부록. 글꼴 설명

맑은 고딕 : 한글 글꼴로, 산돌커뮤니케이션이 만들고 마이크로소프트가 유포함.
궁서체 : 궁서체 혹은 궁체는 한글 글꼴의 한 종류이며 '궁중 서체'의 줄임말.
굴림체(나루체) : 1970년 일본의 나까무라가 개발한 나아루체의 글자 성격을 한글에 응용한 글자체.
바탕체(명조체) : 중국 명나라 때의 서풍(書風)을 따른 활자체.
돋움체(고딕체) : 원래 독일의 글자체로서 구텐베르크의 활판 인쇄술 발명 이후 오늘날까지 사용.

( 맑은 고딕이 우리나라 글꼴로 한글 가독성이 높은 글꼴이라고 합니다.
윈도우 기본 글꼴 또한 맑은 고딕이라고 알고 있습니다.)

[칼쑤마졍이]

그래...언제 부터 크롬 에서 글꼴이 안 먹혔는데 덕분에 잘 되네요...

잘 쓰겠으며 정말 감사 드려요~~

마이피에는 왜 추천 버튼이 없는거야...

오션님 새해 복 많이 받으세요~

[스타오션3]

댓글 남겨주셔서 감사합니다.
칼쑤마졍이님께서도 새해 복 많이 받으세요 :>

저도 마이피에 추천 기능이 없는게 너무 아쉬워요.

[롯티]

스타오션님 항상 좋은 강좌 감사합니다. ^ㅁ^

[스타오션3]

롯티님 감사합니다 //_//

[하치포치]

굴림체가 원래 한글을 제대로 이해하고 만든 폰트가 아닌 윈도우 3.1 시절 일본어 서체를 기초로 해서 만든 폰트입니다(나루체).
그래서 한국인이 보기에 어정쩡하고 미관이 영 좋지 않은거고요.
오죽했으면 디자이너 괴롭히는 방법 중 하나가 굴림체 사용하기죠 ㅋㅋ.
그러니 한글 디자인에 맞는 맑은고딕을 애용합시다.

[스타오션3]

하치포치님 자세한 설명 정말 감사드립니다.

굴림체가 디자이너 분들을 괴롭히는 폰트인데는 이유가 있었군요 ㅋㅋㅋㅋ

[메가거북왕]

굴림체 굴림체 하는이유가 이거였군요 ㅎㅎ 상식하나 추가해갑니다

[스타오션3]

굴림체와 관련된 유머뿐만 아니라 관련 글들도 많더라고요.
우리나라 폰트를 사용하자는 취지에서요.