메인
기술
메인
기술
무료게임
잡담
자유
개인
일정
갤러리
회원가입
계정 찾기
로그인
HOME
기술
websafe fonts , 폰트 정보
1
1
목록
작성자
공대여자
작성 : 2018-12-05 17:17
조회 : 588
지남
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
★☆☆☆☆
★★☆☆☆
★★★☆☆
★★★★☆
★★★★★
확인
게시물 : 112 (8 page)
📅 달력형
📷 갤러리형
RSS
tag
제목
내용
제목+내용
제목+내용+코멘트
작성자
태그
검색
No
제목
작성자
날짜
조회
공지
[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)
#기본형
공대여자
24-02-06
02-06
654
공지
유용한 리눅스(LINUX) 명령어
#linux
#command
공대여자
11-03-03
03-03
9643
공지
[공지] 기술 게시판
#etc
#공지
mins01
05-06-24
06-24
9975
97
scroll-snap-type
3
#css
#scroll-snap-type
공대여자
22-05-30
05-30
256
96
css min(),max(),clamp()
3
#css
#min
#max
#clamp
공대여자
22-04-27
04-27
240
95
CSS : appearance
3
#css
#appearance
#custom
공대여자
22-04-15
04-15
438
94
repeating-linear-gradient 크롬 모바일 버그 chrome mobile bug
#repeating-linear-gradient
#chrome
#bug
#css
공대여자
21-03-16
03-16
282
93
ui_treeList
2
#css
#treelist
공대여자
21-03-11
03-11
144
92
treeList , li 를 사용한 tree 목록
1
#css
#style
#tree
공대여자
21-02-19
02-19
298
91
vertical-align test
1
#css
#vertical-align
공대여자
21-02-15
02-15
195
90
diagonal line css로 대각선 사선 그리기 repeating-linear-gradient
1
#css
#repeating-linear-gradient
공대여자
20-12-24
12-24
917
89
mix-blend-mode 테스트 예제
1
#css
#mix-blend-mode
공대여자
20-12-16
12-16
185
88
repeating-linear-gradient 반복하는 선형 그라디언트
1
#css
공대여자
20-12-08
12-08
117
87
preserve-3d 예제 , 슬롯머신
3
#css
#preserve-3d
공대여자
20-10-07
10-07
337
86
css 순차 배경색 변화 스타일 만들기
#css
공대여자
20-09-02
09-02
102
85
will-change
1
#css
#will-change
공대여자
20-07-15
07-15
175
84
css icons
1
#css
#animation
#icon
공대여자
20-06-19
06-19
237
83
css break-inside
2
#break-inside
#css
공대여자
20-04-01
04-01
576