메인
기술
메인
기술
무료게임
잡담
자유
개인
일정
갤러리
회원가입
계정 찾기
로그인
HOME
기술
websafe fonts , 폰트 정보
1
1
목록
작성자
공대여자
작성 : 2018-12-05 17:17
조회 : 666
지남
1일간
2018-12-05
-
2018-12-05
좌표
css_websafe_fonts.asp
🔗 https://www.w3schools.com/cssref/css_websafe_fonts.asp
#css
#font
#safe
#web
#web #safe #font
OS별 기본 지원 폰트가 다름. 언어별 기본 지원 폰트가 다름.
그래서 CSS는 font-family 설정 시 뒤에 유사 폰트를 여러개 적을 수 있게 되어있음
Web safe font
Serif
Georgia, serif
"Palatino Linotype", "Book Antiqua", Palatino, serif
"Times New Roman", Times, serif
Sans-Serif
Arial, Helvetica, sans-serif
"Arial Black", Gadget, sans-serif
"Comic Sans MS", cursive, sans-serif
Impact, Charcoal, sans-serif
"Lucida Sans Unicode", "Lucida Grande", sans-serif
Tahoma, Geneva, sans-serif
"Trebuchet MS", Helvetica, sans-serif
Verdana, Geneva, sans-serif
Monospace
Roboto , "Courier New", Courier, monospace
Roboto , "Lucida Console", Monaco, monospace
기본정보
나무위키
https://namu.wiki/w/%EA%B8%80%EA%BC%B4
Serif : 세리프,바탕,명조
삐침이 있다!
Sans-serif : 산세리프, 돋움, 고딕
삐침이 없다.
가변폭 : Times New Roman
글자별로 너비가 다르다. M과 i 등의 너비 체크해보면 차이가 있음
고정폭 : Courier New , Consolas
각 글자에 대한 너비가 같다.
"Mono", "체", "코딩","coding","code","hack" 등이 붙으면 고정폭 폰트
기본폰트 관련
https://www.granneman.com/webdev/coding/css/fonts-and-formatting/default-fonts
WIndows (한글 폰트도 포함되어있음)
windows 7
https://docs.microsoft.com/ko-kr/typography/fonts/windows_7_font_list
windows 8
https://docs.microsoft.com/ko-kr/typography/fonts/windows_8_font_list
windows 8.1
https://docs.microsoft.com/ko-kr/typography/fonts/windows_81_font_list
windows 10
https://docs.microsoft.com/ko-kr/typography/fonts/windows_10_font_list
windows 11
https://learn.microsoft.com/ko-kr/typography/fonts/windows_11_font_list
Mac OS
https://support.apple.com/en-ng/HT207962
android
스마트폰 제조사마다 폰트가 다르다!
기본 폰트 외에는 제조사에서 넣은 폰트다.
기본
Droid Sans
Droid Serif
Droid Sans Mono
Roboto
댓글
/
/
답변
수정
삭제
No Nickname
No Comment
새로운 댓글 작성
권한이 없습니다.
{{m_row.m_nick}}
내용이 너무 많습니다!
-
no-star
★☆☆☆☆
★★☆☆☆
★★★☆☆
★★★★☆
★★★★★
확인
게시물 : 18 (2 page)
📅 달력형
📷 갤러리형
RSS
tag
제목
내용
제목+내용
제목+내용+코멘트
작성자
태그
검색
No
제목
작성자
날짜
조회
공지
[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)
#기본형
공대여자
24-02-06
02-06
4324
공지
유용한 리눅스(LINUX) 명령어
#linux
#command
공대여자
11-03-03
03-03
13820
공지
[공지] 기술 게시판
#etc
#공지
mins01
05-06-24
06-24
14050
18
Web components
1
#web
#components
공대여자
23-04-21
04-21
320
17
web api Encoding API
1
#web
#api
#encoding
공대여자
23-04-20
04-20
371
16
web worker multi CPU 100% test
2
#web
#worker
공대여자
22-08-25
08-25
287
15
URL 통합 진단 클리닉. 웹 사이트의 취약점을 체크해주는 툴
1
#web
#validator
공대여자
22-08-12
08-12
298
14
web screenshot Capture
1
#web
#screenshot
#capture
공대여자
22-05-19
05-19
355
13
web music keyboard , 피아노, piano , 키보드
4
3
#web
#music
#keyboard
#audio
공대여자
21-05-19
05-19
311
12
아파치 성능향상 (아파치 2.x)
1
#아파치
#apache
#web
#server
공대여자
20-07-29
07-29
356
11
웹페이지에서 글자가 깨져서 나오는 경우
#web
#charset
#encoding
#글자
#깨짐
공대여자
19-04-29
04-29
723
10
sliding puzzle web game
3
2
#sliding
#puzzle
#game
#web
공대여자
19-04-18
04-18
360
9
시맨틱 웹 Semantic Web 에 맞춰서 글 적기
#시맨틱
#웹
#semantic
#web
공대여자
19-03-08
03-08
329
8
ui_toDraggable 이동 이벤트 제어
2
#javascript
#move_scrip
#ui
#web
공대여자
18-12-11
12-11
384
7
ui_MultipleInputBox
2
#input
#ui
#umltiple
#web
공대여자
18-12-06
12-06
354
6
websafe fonts , 폰트 정보
1
1
#css
#font
#safe
#web
공대여자
18-12-05
12-05
667
5
UI SelectArea
2
#selectarea
#ui
#web
공대여자
18-11-12
11-12
353
4
InputRangeBox 슬라이더 slider
2
#input
#range
#ui
#web
공대여자
18-11-02
11-02
418