프리랜서 웹디자이너 RELATION RELATION.CO.KR

RELATION 로고

홈페이지 소스

[CSS] 다국어 사이트 폰트 지정

2015.11.13
국문,중문,일문 등 텍스트가 깨질 경우는​ 제일 먼저 DB와 파일 모두 utf-8로 인코딩을 확인합니다.

━━━━━━━━━━━━━━━━━━━━━━━━━━━
국문폰트
━━━━━━━━━━━━━━━━━━━━━━━━━━━
Dotum, "돋움", Gulim, "굴림", "Malgun Gothic", "맑은 고딕"
font-family: Tahoma, "Microsoft Sans Serif", sans-serif, Dotum, "돋움", Gullim, "굴림", "Malgun Gothic", "맑은 고딕";

요즘은 주로 구글에서 제공하는 "Malgun Gothic"를 사용함



━━━━━━━━━━━━━━━━━━━━━━━━━━━
중문폰트(간체)
━━━━━━━━━━━━━━━━━━━━━━━━━━━
"SimSun ", "SimHei", "Microsoft YaHei"
font-family: Tahoma, " SimSun ", "SimHei", "Microsoft YaHei"

FangSong / 仿宋

SimSun / 宋体 / 常规
SimSun-ExtB
NSimSun / 新宋体 / 常规

SimHei / 黑体

Microsoft YaHei / MicrosoftYaHeiRegular / 微软雅黑
Microsoft YaHei Bold / MicrosoftYaHei-Bold / MicrosoftYaHeiBold / 微软雅黑 Bold / 微软雅黑-Bold
Microsoft YaHei Light / MicrosoftYaHeiLight / 微软雅黑 Light
Microsoft YaHei UI / MicrosoftYaHeiUI / Microsoft YaHei UI Regular
Microsoft YaHei UI Bold / MicrosoftYaHeiUI-Bold




━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
중문폰트(번체)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
"MingLiU", "Microsoft JhengHei"
font-family: Tahoma, "Microsoft Sans Serif", sans-serif, "MingLiU", "Microsoft JhengHei";

MingLiU / 細明體
MingLiU-ExtB
MingLiU_HKSCS / Ming-Lt-HKSCS-UNI-H / 細明體_HKSCS
MingLiU_HKSCS-ExtB
PMingLiU / 新細明體
PMingLiU-ExtB

Microsoft JhengHei / Microsoft JhengHei Regular / MicrosoftJhengHeiRegular / 微软雅黑
Microsoft JhengHei Bold / MicrosoftJhengHeiBold / 微软雅黑-Bold
Microsoft JhengHei UI / Microsoft JhengHei UI Regular / MicrosoftJhengHeiUIRegular
Microsoft JhengHei UI Bold / MicrosoftJhengHeiUIBold



━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
중문폰트 (대만)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
DFKai-SB / DFKaiShu-SB-Estd-BF / 標楷體



━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
일문폰트
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
"MS PGothic", "MS PMincho", Meiryo
font-family: Tahoma, "Microsoft Sans Serif", sans-serif, "MS PGothic", "MS PMincho", Meiryo;

MS Gothic / MS-Gothic / MS ゴシック / Microsoft:MS ゴシック
MS UI Gothic / MS-UIGothic / 標準
MS PGothic / MS-PGothic / MS Pゴシック / 標準

MS Mincho / MS-Mincho / MS 明朝 / Microsoft:MS 明朝
MS PMincho / MS-PMincho / MS P明朝 / Microsoft:MS P明朝

Meiryo / レギュラー / メイリオ / Microsoft: メイリオ
Meiryo Bold / Meiryo-Bold / メイリオ ボールド / Microsoft: メイリオ ボールド
Meiryo Bold Italic / Meiryo-BoldItalic / メイリオ ボールド イタリック / Microsoft: メイリオ ボールド イタリック
Meiryo Italic / Meiryo-Italic / メイリオ イタリック / Microsoft: メイリオ イタリック
Meiryo UI / MeiryoUI
Meiryo UI Bold / MeiryoUI-Bold
Meiryo UI Bold Italic / Microsoft: Meiryo UI Bold Italic
Meiryo UI Italic / MeiryoUI-Italic

Yu Gothic / YuGothic-Regular / 游ゴシック / 游ゴシック Regular
Yu Gothic Bold / YuGothic-Bold / 游ゴシック Bold
Yu Gothic Light / YuGothic-Light / 游ゴシック Light



유명사이트
Yahoo!JAPAN
font-family: 'MS PGothic', Osaka, Arial, sans-serif;

Google
font-family: arial, sans-serif;

FC2
font-family: Verdana, Arial, Helvetica, sans-serif;

Microsoft
font-family: Meiryo, Tahoma, Verdana, Arial, sans-serif;

Amazon
font-family: Arial, Verdana, 'Helvetica Neue', Helvetica, sans-serif;

Wikipedia
font-family: sans-serif;

goo
font-family: Osaka, Arial, Helvetica, sans-serif;

ameba
font-family: 'MS Pゴシック', 'ヒラギノ角ゴ Pro W3', Arial, Helvetica;

이 포스트 공유하기

글수정  글삭제 전체목록
<
 
1
           
검색    글쓰기
번호 제 목 작성자 작성일 조회수
중요 [소스] 기존 a 태그 href를 이용하여 부드럽게 스크롤 이동하기 작성글은 비공개로 설정 되었습니다. 꿘쓰 2017.02.10 73
중요 [기타] 구글맵 플랫폼 꿘쓰 2019.01.22 3512
중요 [소스] 구글맵 반경 검색 작성글은 비공개로 설정 되었습니다. 꿘쓰 2018.01.08 17
중요 [소스] 구글맵 이동 경로 표시 꿘쓰 2018.01.18 3512
중요 [소스] 구글맵 좌표값 구하기 꿘쓰 2019.01.08 2169
중요 [소스] 구글맵 웹사이트 띄우기  이미지 파일이 첨부되어 있습니다. 꿘쓰 2013.01.02 20764
227 [소스] 마우스 롤오버 효과 작성글은 비공개로 설정 되었습니다. 꿘쓰 2020.06.30 2
226 [기타] 퍼센트 계산, 백분율 계산 방식 꿘쓰 2020.06.22 55
225 [소스] Window.scroll() 꿘쓰 2020.06.22 60
224 [소스] scrollLeft(), scrollTop() 작성글은 비공개로 설정 되었습니다. 꿘쓰 2020.06.15 0
223 [소스] 숫자 카운트 1 작성글은 비공개로 설정 되었습니다. 꿘쓰 2020.06.03 1
222 [CSS] 그라데이션 자동 생성 사이트 꿘쓰 2020.05.29 95
221 [CSS] flex-wrap:wrap 작성글은 비공개로 설정 되었습니다. 꿘쓰 2020.05.29 0
220 [SCRIPT] 자바스크립트 number_format 숫자 콤마 제이쿼리 꿘쓰 2019.12.03 169
219 [소스] 구글 로그인 API 자바스크립트 꿘쓰 2019.08.16 324
218 [JQUERY] 체크박스 체크 유무 jquery 꿘쓰 2019.07.23 350
217 [CSS] css webkit, moz, ms, o 의미 꿘쓰 2019.04.16 519
216 [HTML] HTML5 Canvers 태그 꿘쓰 2019.03.22 614
215 [기타] 카카오 상담톡 비즈니스 메신져 꿘쓰 2019.03.21 587
214 [기타] a태그 onclick 클릭 이벤트 차이점 꿘쓰 2019.03.13 579
213 [소스] 카카오 로그인 작성글은 비공개로 설정 되었습니다. 꿘쓰 2019.03.08 1
212 [소스] 별점주기 꿘쓰 2019.02.21 684
211 [소스] Select option를 버튼(div) 방식으로 변경하기 꿘쓰 2019.02.21 672
210 [소스] 코멘트 게시판 디자인 이미지 테두리 둥글게 하기 (border-radius) 꿘쓰 2019.02.13 876
209 [소스] 아이폰 갤러리 이미지 저장 방지 꿘쓰 2019.01.09 622
208 [CSS] 줄바꿈, URL 줄바꿈을 위한 CSS 꿘쓰 2019.01.04 664