본문 바로가기
온라인 멘토와 함께하는 공부/HTML

[코딩] Windows 폰트 확인 방법

by 열공노년 2023. 8. 28.
반응형

Windows 폰트 확인 방법

 

Windows 탐색기에서 폰트 파일을 직접 열어 '폰트 패밀리' 이름을 확인하는 방법은 다음과 같습니다:

1. 폰트 폴더 열기
   - `C:\Windows\Fonts` 디렉터리로 이동합니다.

2. 폰트 파일 확인
   - 원하는 폰트 파일을 찾습니다. 폰트 파일은 주로 `.ttf` (TrueType Font) 또는 `.otf` (OpenType Font) 확장자를 가집니다.

3. 폰트 미리보기
   - 폰트 파일을 더블 클릭하여 미리보기를 엽니다.

4. 폰트 패밀리 이름 확인
   - 미리보기 창의 상단에 표시된 폰트 이름이 '폰트 패밀리' 이름입니다. 이 이름을 CSS에서 `font-family` 속성 값으로 사용할 수 있습니다.

5. 창 닫기
   - 폰트 패밀리 이름을 확인한 후 미리보기 창을 닫습니다.

시스템에서 Windows 폰트 확인


이 방법을 사용하면 Windows 탐색기에서 설치된 폰트의 '폰트 패밀리' 이름을 쉽게 확인할 수 있습니다. 이 이름을 CSS에서 사용하여 웹 페이지나 애플리케이션에서 해당 폰트를 적용할 수 있습니다.

 

적용 사례

휴먼둥근헤드라인 폰트 적용

휴먼둥근헤드라인폰트

Jsfiddle를 이용해서 폰트를 적용했습니다. 

CSS에서 폰트를 적용한 사례

반응형