CSS에 Wingdings를 삽입하는 방법

CSS(Cascading Style Sheets)는 웹 페이지의 서식을 지정하는 유용한 방법입니다. 외부 스타일 시트에서 웹 사이트 디자인의 모든 측면에 스타일을 지정할 수 있으며 해당 스타일 시트에 대한 변경 사항은 여러 웹 페이지에 영향을 미칠 수 있습니다. 글꼴은 CSS를 통해 쉽게 재구성할 수 있습니다. 인터넷에서 사용하기 위해 표준화된 글꼴 목록이 있습니다. Wingdings는 이러한 글꼴에 포함되지 않으며 모든 컴퓨터에서 기본적으로 제공되지 않는 글꼴입니다. 다행히도 CSS를 사용하여 Wingdings를 사용하도록 웹 페이지를 구성할 수 있습니다.

1 단계

메모장에서 CSS 파일을 엽니다.

오늘의 비디오

2 단계

Wingdings에서 형식이 지정될 개체에 대한 새 클래스 또는 ID를 만듭니다. 이 매개변수를 두 번 이상 호출하려면 클래스를 사용하십시오. 한 번만 호출할 경우 ID를 사용하십시오. 예를 들어 "crazy"라는 클래스를 만들려면 다음을 입력합니다.

.미친 {

3단계

클래스 또는 ID의 "font-family" 속성 내에서 Wingdings를 지정하십시오. 예를 들어 "crazy" 클래스의 경우:

.crazy { font-family: wingdings}

4단계

HTML 파일 내에서 Wingdings에서 렌더링하려는 항목을 찾습니다. 해당 항목을 Wingdings가 적용되는 클래스 또는 ID의 인스턴스로 지정합니다. 예를 들어 원하는 요소가 "div"인 경우:

이 "div" 내의 텍스트는 Wingdings에서 형식이 지정됩니다.

경고

많은 브라우저는 Wingdings를 지원하지 않으며 많은 컴퓨터에는 기본 글꼴 집합 내에 Wingdings가 없습니다. 이러한 이유로 대부분의 브라우저는 Wingdings를 제대로 표시하지 않습니다. 이러한 종류의 복잡함을 피하기 위해 원하는 각 Wingdings 문자를 유니코드를 통해 인코딩하는 것이 가장 좋습니다(해당 유니코드 문자 목록은 참고자료 참조).