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|<가로거리><세로거리><번짐정도><색상>
가로거리: 양수값은 글자 오른쪽, 음수값은 글자 왼쪽
세로거리: 양수값은 글자 아래쪽, 음수값은 글자 위쪽
번짐정도: 양수 그림자가 커짐, 음수 작아짐
'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 |
댓글