본문 바로가기

font-variant14

font-variant-numeric 속성은 숫자에 대한 글꼴 글리프를 설정합니다. Reference/CSS font-variant-numeric 속성은 숫자에 대한 글꼴 글리프를 설정합니다. by @webs 2022. 12. 8. font-variant-numeric font-variant-numeric 속성은 숫자에 대한 글꼴 글리프(표시 형태)를 설정합니다. 특징 설명 기본값 font-variant-numeric : normal 적용 font 버전 CSS3 사용성 ☆☆☆☆☆ 정의(Definition) font-variant-numeric 속성은 숫자에 대한 글꼴 글리프(표시 형태)를 설정합니다. font-variant와 관련된 속성 font-variant 속성은 글꼴 글리프(표시 형태)를 일괄적으로 설정합니다. font-variant-ligatures 속성은 글꼴 글리프(표시 형태.. 2022. 12. 11.
font-variant-ligatures 속성은 글꼴 글리프가 겹쳤을 때 설정합니다. Reference/CSS font-variant-ligatures 속성은 글꼴 글리프가 겹쳤을 때 설정합니다. by @webs 2022. 12. 8. font-variant-ligatures font-variant-ligatures 속성은 글꼴 글리프(표시 형태)가 겹쳤을 때 설정합니다. 특징 설명 기본값 font-variant-ligatures : normal 적용 font 버전 CSS3 사용성 ☆☆☆☆☆ 정의(Definition) font-variant-ligatures 속성은 글꼴 글리프(표시 형태)가 겹쳤을 때 설정합니다. font-variant와 관련된 속성 font-variant 속성은 글꼴 글리프(표시 형태)를 일괄적으로 설정합니다. font-variant-ligatures 속성은 글꼴 글리.. 2022. 12. 11.
font-variant-emoji 속성은 이모지 글꼴 글리프를 설정합니다. Reference/CSS font-variant-emoji 속성은 이모지 글꼴 글리프를 설정합니다. by @webs 2022. 12. 8. font-variant-emoji font-variant-emoji 속성은 이모지 글꼴 글리프(표시 형태)를 설정합니다. 특징 설명 기본값 font-variant-emoji : normal 적용 font 버전 CSS3 사용성 ☆☆☆☆☆ 정의(Definition) font-variant-emoji 속성은 이모지 글꼴 글리프(표시 형태)를 설정합니다. font-variant와 관련된 속성 font-variant 속성은 글꼴 글리프(표시 형태)를 일괄적으로 설정합니다. font-variant-ligatures 속성은 글꼴 글리프(표시 형태)가 겹쳤을 때 설정합니다. fon.. 2022. 12. 11.
font-variant-east-asian 속성은 아시아 언어 글꼴 글리프를 설정합니다. Reference/CSS font-variant-east-asian 속성은 아시아 언어 글꼴 글리프를 설정합니다. by @webs 2022. 12. 8. font-variant-east-asian font-variant-east-asian 속성은 아시아 언어 글꼴 글리프(표시 형태)를 설정합니다. 특징 설명 기본값 font-variant-east-asian : normal 적용 font 버전 CSS3 사용성 ☆☆☆☆☆ 정의(Definition) font-variant-east-asian 속성은 아시아 언어 글꼴 글리프(표시 형태)를 설정합니다. font-variant와 관련된 속성 font-variant 속성은 글꼴 글리프(표시 형태)를 일괄적으로 설정합니다. font-variant-ligatures 속.. 2022. 12. 11.
font-variant-caps 속성은 소문자/대문자에 대한 글꼴 글리프를 설정합니다. Reference/CSS font-variant-caps 속성은 소문자/대문자에 대한 글꼴 글리프를 설정합니다. by @webs 2022. 12. 11. font-variant-caps font-variant-caps 속성은 소문자/대문자에 대한 글꼴 글리프(표시 형태)를 설정합니다. 특징 설명 기본값 font-variant-caps : normal 적용 font 버전 CSS3 사용성 ☆☆☆☆☆ 정의(Definition) font-variant-caps 속성은 소문자/대문자에 대한 글꼴 글리프(표시 형태)를 설정합니다. font-variant와 관련된 속성 font-variant 속성은 글꼴 글리프(표시 형태)를 일괄적으로 설정합니다. font-variant-ligatures 속성은 글꼴 글리프(표시 형.. 2022. 12. 11.
font-variant-alternates 속성은 글꼴 글리프의 대체 형태를 설정합니다. Reference/CSS font-variant-alternates 속성은 글꼴 글리프의 대체 형태를 설정합니다. by @webs 2022. 12. 8. font-variant-alternates font-variant-alternates 속성은 글꼴 글리프(표시 형태)의 대체 형태를 설정합니다. 특징 설명 기본값 font-variant-alternates : normal 적용 font 버전 CSS3 사용성 ☆☆☆☆☆ 정의(Definition) font-variant-alternates 속성은 글꼴 글리프(표시 형태)의 대체 형태를 설정합니다. font-variant와 관련된 속성 font-variant 속성은 글꼴 글리프(표시 형태)를 일괄적으로 설정합니다. font-variant-ligatures 속.. 2022. 12. 11.
font-variant-position 속성은 글꼴 글리프의 위치를 설정합니다. Reference/CSS font-variant-position 속성은 글꼴 변형 형태의 위치를 설정합니다. by @webs 2022. 12. 8. font-variant-position font-variant-position 속성은 글꼴 변형 형태의 위치를 설정합니다. 위 첨자, 아래 첨자로 배치된 글리프의 위치를 설정합니다. 특징 설명 기본값 font-variant-position : normal 적용 font 버전 CSS3 사용성 ☆☆☆☆☆ 정의(Definition) font-variant-position 속성은 글꼴 글리프(표시 형태)의 위치를 설정합니다. font-variant-position 속성은 위 첨자, 아래 첨자로 배치된 글리프의 위치를 설정합니다. font-variant와 관련된 속성.. 2022. 12. 11.
font-variant 속성은 글꼴 변형 형태를 일괄적으로 설정합니다. Reference/CSS font-variant 속성은 글꼴 변형 형태를 일괄적으로 설정합니다. by @webs 2022. 12. 8. font-variant font-variant 속성은 글꼴 변형 형태를 일괄적으로 설정합니다. font-variant 속성은 소문자 폰트를 대문자로 변경해주는 기능만 있었지만, 현재는 다양한 추가 속성 기능이 추가되었습니다. 글꼴에 대한 위치, 변형, 대체 문자, 겹쳤을 때 등 다양한 글꼴 지원을 위한 설정이 현재 개발 중이며, 아직까지 모든 브라우저 및 폰트에 적용되지 않습니다. 특징 설명 기본값 font-variant : normal 적용 font 버전 CSS3 사용성 ★☆☆☆☆ 정의(Definition) font-variant 속성은 글꼴 변형 형태를 일괄적으로 설.. 2022. 12. 10.
font-variation-settings 속성은 가변 폰트를 설정합니다. Reference/CSS font-variation-settings 속성은 가변 폰트를 설정합니다. by @webs 2022. 12. 10. font-variation-settings font-variation-settings 속성은 가변 폰트를 설정합니다. 가변 폰트는 폰트에 따라 지원여부가 다르니, 가변 폰트가 적용되는 폰트를 사용해야 합니다. 가변 폰트란 width(너비), weight(두께), slant(기울기) 등을 자유롭게 표현되는 폰트를 말합니다. 특징 설명 기본값 font-variation-settings : normal 적용 font 버전 CSS3 사용성 ★☆☆☆☆ 정의(Definition) font-variation-settings 속성은 가변 폰트를 설정합니다. 가변 폰트란? widt.. 2022. 12. 10.
font-size-adjust 속성은 소문자를 기준으로 폰트 크기를 설정합니다. Reference/CSS font-size-adjust 속성은 소문자를 기준으로 폰트 크기를 설정합니다. by @webs 2022. 12. 8. font-size-adjust font-size-adjust 속성은 소문자를 기준으로 폰트 크기를 설정합니다. font-size-adjust 속성은 현재(2022년 기준) 호환성이 좋지 않기 때문에, 사용에 있어 효율성이 좋지 못합니다. 이 속성은 웹 문서에 두개 이상의 폰트를 사용할 경우 또는 첫 번재 설정한 폰트가 없어서, 두번째 폰트롤 로딩이 되는 경우 UI가 깨질 수 있습니다. 폰트의 크기, 간격 등이 틀리기 때문에 생각지도 못한 뒤틀림이 발생 할 수 있습니다. font-size-adjust 속성은 폰트의 기준점을 대문자가 아닌 소문자로 기준으로 하기 때.. 2022. 12. 8.
font-weight 속성은 폰트의 두께를 설정합니다. Reference/CSS font-weight 속성은 폰트의 두께를 설정합니다. by @webs 2022. 12. 8. font-weight font-weight 속성은 폰트의 두께를 설정합니다. 폰트의 두께는 100~900까지 설정 할 수 있습니다. 이것은 폰트가 9가지 두께로 설정되어 있으며, 선택이 가능합니다. 만약 해당 폰트 두께가 없다면, 가장 가까운 두께로 선택하게 됩니다. 보통은 두껍게 bold 속성을 많이 사용하는 편입니다. 특징 설명 기본값 font-weight : normal 적용 font 버전 CSS1 사용성 ★★★★☆ 정의(Definition) font-weight 속성은 폰트의 두께를 설정합니다. font-weight 요소는 두께를 숫자로 설정할 수 있습니다. font-weight.. 2022. 12. 8.
font-style 속성은 폰트의 스타일을 설정합니다. Reference/CSS font-style 속성은 폰트의 스타일을 설정합니다. by @webs 2022. 12. 8. font-style font-style 속성은 폰트의 스타일을 설정합니다. 특징 설명 기본값 font-style : normal 적용 font 버전 CSS1 사용성 ★★★★☆ 정의(Definition) font-style 속성은 폰트의 스타일을 설정합니다. 폰트와 관련된 속성 font 속성은 폰트에 관한 설정을 일괄적으로 설정합니다. font-family 속성은 폰트 종류를 설정합니다. font-size 속성은 폰트 사이즈 속성을 설정합니다. font-size-adjust 속성은 소문자를 기준으로 폰트 크기를 설정합니다. font-style 속성은 폰트의 스타일을 설정합니다. font-.. 2022. 12. 8.
font-size 속성은 폰트 사이즈 속성을 설정합니다. Reference/CSS font-size 속성은 폰트 사이즈 속성을 설정합니다. by @webs 2022. 12. 8. font-size font-size 속성은 폰트 사이즈 속성을 설정합니다. 사이즈는 키워드를 사용할 수 있지만, 잘 사용하지 않습니다. 사이즈는 CSS 단위를 통해 주로 설정하는 편이며, 반응형 작업시 em, rem, vw를 많이 사용합니다. 특징 설명 기본값 font-size : medium 적용 font 버전 CSS1 사용성 ★★★★☆ 정의(Definition) font-size 속성은 폰트 사이즈 속성을 설정합니다. font-size 속성은 키워드 또는 CSS 단위로 설정할 수 있습니다. 일관된 크기의 폰트를 작성하려면 px 단위를 사용하지만, 상대적으로 변해야 하는 사이즈라면,.. 2022. 12. 8.
font-family 속성은 폰트 종류를 설정합니다. Reference/CSS font-family 속성은 폰트 종류를 설정합니다. by @webs 2022. 12. 7. font-family font-family 속성은 폰트 종류를 설정합니다. 사용자 컴퓨터에 폰트가 설치되어 있다면, 폰트가 구현됩니다. 만약 폰트가 없다면 나오지 않지만, 웹폰트(@font-face)를 설정한다면, 자동으로 다운받고 브라우저에 해당 폰트를 구현할 수 있습니다. 사용자마다 폰트가 없을수도 있기 때문에 여러가지 폰트 설정이 가능하며, 쉼표(,)를 통해 연속적으로 작성하면 됩니다. 폰트 이름이 한글이거나 빈칸이 있다면, 오류를 일으킬 수 있으니 큰따옴표("")로 감싸주면 됩니다. 특징 설명 기본값 font-family : 폰트 이름 적용 font 버전 CSS1 사용성 ★★★★☆.. 2022. 12. 8.