본문 바로가기
Front-end/CSS

css3추가 글꼴속성

by mooyou 2019. 2. 2.
728x90
300x250

css3추가 글꼴 속성은 모든 브라우저에서 지원되는게 아니기 때문에 

http://www.w3.org/TR/css-fonts-3/

지원 브라우저에 대한 확인이 필요하다


font-feature-settings : 오픈 타입 글꼴의 세부 설정을 조절

font-language-override : lang속성을 지정했던 언어를 덮어쓸 단른 언어를 지정함

font-kerning : !같은 글자를 위해 글꼴에서 각 글자 사이의 간격 조절을 지정

font-variant-alternates : 기본 글꼴 외에 다른 형태로 표시하는 기능을 지정

font-variant-ligatures : 글자를 더 보기 좋게 만드는 기능을 지정

font-variant-position : 글꼴에 포함된 위 첨자, 아래 첨자를 사용합니다. 글꼴에 이런 첨자가 없다면 브라우저에서 합성해 표시합니다.

font-variant-caps : 글자의 대문자 형태를 지정

font-variant-numeric : 글자의 숫자 스타일을 지정

font-variant-east-asian : 동아시아 문자의 표현 방식을 지정

font-synthesis : '굵게'와 '기울임'이 포함되지 않은 글꼴일 경우, 굵은 글꼴과 기울임 글꼴을 합성해 표시할지 지정


text-transform : 텍스트 대.소문자 변환하기

capitalize : 시작하는 첫글자 대문자로 변환

uppercase : 모든글자 대문자

lowercase : 모든글자 소문자

full-width : 가능한 모든문자 전각문자(고정폭 영문자 너비의 두배) 변환

text-shadow:none|<가로거리><세로거리><번짐정도><색상>

가로거리: 양수값은 글자 오른쪽, 음수값은 글자 왼쪽

세로거리: 양수값은 글자 아래쪽, 음수값은 글자 위쪽

번짐정도: 양수 그림자가 커짐, 음수 작아짐

728x90
반응형

'Front-end > CSS' 카테고리의 다른 글

CSS Diner 답안 (3/3)  (0) 2021.06.24
CSS Diner 답안 (2/3)  (0) 2021.06.23
CSS Diner 게임 공략법 Select the plates (1/3)  (0) 2021.06.22
css3에서 추가된 글꼴 속성  (0) 2018.12.21
css선언 순서에 대한 고찰  (0) 2018.12.05

댓글