Skip to main content

Font-Smooth 속성 이해하기

포토샵 이미지와 사진을 대각선으로 자르고 겹치는 방법 (깔끔하게 & 부드럽게) -Youtube (유월 2026)

포토샵 이미지와 사진을 대각선으로 자르고 겹치는 방법 (깔끔하게 & 부드럽게) -Youtube (유월 2026)
Anonim

이 자습서를 통해 CSS 속성 font-smooth에 대한 이해를 높이십시오. 이 속성의 의미와 웹 디자이너가 웹 디자이너를 사용해야하는 이유에 대해 알아보십시오.

글꼴 - 부드럽게에 대한 설명

왜 디자이너들은 때때로 font-smooth 속성을 사용하기를 원합니까? 주로 렌더링시 앤티 앨리어싱의 적용을 제어 할 수 있습니다.

CSS 버전의 글꼴 매끄러운

CSS 3에서는 font-smooth를 사용하고 아래 예제에서는 font-smooth 구문을 이해하십시오.

font-smooth : 자동 | 절대로 | 항상 | | 길이 | 초기 | 상속하다자동 - 시스템 기본값에 따라 텍스트 평활화결코 - 결코 글꼴을 매끄럽게하지 말라.항상 - 항상 글꼴을 매끄럽게하십시오.및 길이 - 글꼴 크기 값이이 크기 측정 값과 같거나 크면 렌더링 할 때 글꼴을 부드럽게 만듭니다.

웹 디자이너는 font-smooth 속성을 사용할 때 다음을 알아야합니다.

  • 초기 값 : 자동
  • 글꼴 - 부드럽게 적용 : 모든 요소와 생성 된 내용.
  • Font-Smooth Inheritance :이 속성은 상속됩니다.
  • Font-Smooth 브라우저 지원 : 없음

글꼴 - 부드러운 예제

이 단락의 글꼴은 글꼴이 작거나 크지 않더라도 항상 매끄럽게해야합니다.

Font-Smooth 속성에 대한주의 사항

누구나 font-smooth를 지원하는 브라우저를 가지고있는 것은 아닙니다. 브라우저가이 속성을 지원하는지 확인하십시오. 또한 텍스트의 가독성을 크게 떨어 뜨릴 수 있으므로이 스타일을 어떻게 사용하는지주의하십시오. 이 방법으로 영향을 미치지 않도록 조사를해야합니다. font-smooth 속성에 대한 자세한 내용은 다음을 참조하십시오.

글꼴 - 부드러운 예제

글꼴 늘이기

글꼴 효과

글꼴 모음

글꼴 크기

세례반

글꼴 스타일

글꼴 변형

글꼴의 가중치

글꼴 속성 변경