본문 바로가기

font7

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.