메인
기술
메인
기술
무료게임
잡담
자유
개인
일정
갤러리
회원가입
계정 찾기
로그인
HOME
기술
websafe fonts , 폰트 정보
1
1
목록
작성자
공대여자
작성 : 2018-12-05 17:17
조회 : 649
지남
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
★☆☆☆☆
★★☆☆☆
★★★☆☆
★★★★☆
★★★★★
확인
목록형
📅 달력형
게시물 : 113 (8 page)
No
제목
작성자
등록
조회
공지
[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)
공대여자
02/06 13:44
2412
공지
유용한 리눅스(LINUX) 명령어
공대여자
03/03 14:47
11969
공지
[공지] 기술 게시판
mins01
06/24 15:10
12195
css break-inside
2
#break-inside
#css
You Crazy? Patterns with CSS Gradients
1
#css
#gradients
#pattern
css 사이즈 단위
1
#css
#size
#unit
#style
hoverZoom
1
#css
#hover
#zoom
HTML 만들 때 HTML,CSS,JS의 역활 구분을 하라.
#html
#css
#js
#역활
https://github.com/daneden/animate.css
2
#animate
#css
grlf grlg grid-layout-flex grid-layout-grid grid-layout-float
1
#grid
#layout
#flex
#css
#float
ui_style_ruler . css 로 자 표현
2
1
#ui
#css
#ruler
css writing-mode 세로쓰기
1
#css
#writing-mode
#수직
#90deg
#90도
#세로
#세로쓰기
text-border css
#css
#text-border
크롬 버그? css
#bug
#chrome
#css
css flex vs css float
#css
#css(style)
#css3
#flex
#float
websafe fonts , 폰트 정보
1
1
#css
#font
#safe
#web
caret-color , input 의 text cursor
1
#css
#cursor
CSS grid
1
#css
#css3
#grid
tag
제목
내용
제목+내용
제목+내용+코멘트
작성자
태그
검색