W3.CSS 글꼴

Verdana 는 W3.CSS에서 사용되는 기본 글꼴입니다. Verdana는 글자 간격이 좋고 읽기 쉽습니다. Verdana는 W3Schools의 기본 글꼴이기도 합니다.

Segoe UI 는 제목의 기본 글꼴입니다. Segou UI는 글자 간격이 더 좁습니다. 이렇게 하면 머리글에 몇 글자 더 들어갈 수 있습니다.

다른 기본 글꼴 사용

W3.CSS에서 다른 기본 글꼴을 사용하는 것은 매우 쉽습니다.

예시

body, h1, h2, h3, h4, h5, h6 {
  font-family: Arial, Helvetica, sans-serif;
}

글꼴 클래스 사용

W3.CSS를 사용하면 4가지 기본 제공 글꼴 클래스를 사용할 수 있습니다.

  • w3-세리프
  • w3-sans-serif
  • w3-모노스페이스
  • w3 필기체

w3-serif입니다.

노르웨이의 총 면적은 385,252제곱킬로미터이고 인구는 5,438,657명입니다(2020년 12월). 노르웨이는 북동쪽으로 스웨덴, 핀란드, 러시아와 접하고, 남쪽으로 스카게라크와 접하고, 반대편에는 덴마크와 접해 있습니다.

노르웨이의 총 면적은 385,252제곱킬로미터이고 인구는 5,438,657명입니다(2020년 12월). 노르웨이는 북동쪽으로 스웨덴, 핀란드, 러시아와 접하고, 남쪽으로 스카게라크와 접하고, 반대편에는 덴마크와 접해 있습니다.

예시

<p class="w3-serif">

w3-sans-serif입니다.

노르웨이의 총 면적은 385,252제곱킬로미터이고 인구는 5,438,657명입니다(2020년 12월). 노르웨이는 북동쪽으로 스웨덴, 핀란드, 러시아와 접하고, 남쪽으로 스카게라크와 접하고, 반대편에는 덴마크와 접해 있습니다.

노르웨이의 총 면적은 385,252제곱킬로미터이고 인구는 5,438,657명입니다(2020년 12월). 노르웨이는 북동쪽으로 스웨덴, 핀란드, 러시아와 접하고, 남쪽으로 스카게라크와 접하고, 반대편에는 덴마크와 접해 있습니다.

예시

<p class="w3-sans-serif">

w3-모노스페이스입니다.

노르웨이의 총 면적은 385,252제곱킬로미터이고 인구는 5,438,657명입니다(2020년 12월). 노르웨이는 북동쪽으로 스웨덴, 핀란드, 러시아와 접하고, 남쪽으로 스카게라크와 접하고, 반대편에는 덴마크와 접해 있습니다.

노르웨이의 총 면적은 385,252제곱킬로미터이고 인구는 5,438,657명입니다(2020년 12월). 노르웨이는 북동쪽으로 스웨덴, 핀란드, 러시아와 접하고, 남쪽으로 스카게라크와 접하고, 반대편에는 덴마크와 접해 있습니다.

예시

<div class="w3-monospace">

이것은 w3-cursive입니다.

노르웨이의 총 면적은 385,252제곱킬로미터이고 인구는 5,438,657명입니다(2020년 12월). 노르웨이는 북동쪽으로 스웨덴, 핀란드, 러시아와 접하고, 남쪽으로 스카게라크와 접하고, 반대편에는 덴마크와 접해 있습니다.

노르웨이의 총 면적은 385,252제곱킬로미터이고 인구는 5,438,657명입니다(2020년 12월). 노르웨이는 북동쪽으로 스웨덴, 핀란드, 러시아와 접하고, 남쪽으로 스카게라크와 접하고, 반대편에는 덴마크와 접해 있습니다.

예시

<div class="w3-cursive">


Web Safe Sans Serif 글꼴

글꼴 모음안전한 대체
아리알헬베티카, 산세리프체
헬베티카Arial, 산세리프체
베르다나제네바, 산세리프체
제네바베르다나, 산세리프체
타호마Arial, 산세리프체
투석기 MSArial, 산세리프체

Arial 은 웹에서 가장 안전한 산세리프 글꼴로 간주됩니다. 모든 Windows 시스템(99.8%) 및 모든 Mac 시스템(98.7%)에 설치됩니다.

Helvetica 는 두 글꼴이 거의 동일하기 때문에 선호되는 대체 방법입니다. Helvetica는 모든 Mac 컴퓨터(100%)에서 실행되지만 더 적은 수의 Windows 컴퓨터(7.3%)에서 실행됩니다.

Arial을 Helvetica fallback과 함께 사용하거나 Helvetiva와 Arial fallback을 함께 사용하면 두 세계가 모두 포함됩니다.

Verdana 는 또한 웹에 안전한 산세리프 글꼴로 간주됩니다. 모든 Windows 시스템(99.8%) 및 모든 Mac 시스템(99.1%)에서 실행됩니다.

Geneva 는 Verdanas가 선호하는 대체입니다. 두 글꼴이 매우 유사하고 Geneva가 모든 Mac 컴퓨터에서 실행되기 때문입니다(99.6%).

Tahoma 는 Windows 95의 표준 글꼴이었습니다. Tahoma는 모든 Windows 시스템의 99.9%, 모든 Mac 시스템의 91.7%에서 작동합니다.

Trebuchet MS 는 Microsoft Windows 2000 이후 모든 Windows 운영 체제(99.7%)와 함께 출시되었습니다. 또한 Mac 시스템(97.1%), iOS 및 Chrome OS에도 포함되어 있습니다.

출처: CSS 글꼴 스택


에리얼입니다

노르웨이의 총 면적은 385,252제곱킬로미터이고 인구는 5,438,657명입니다(2020년 12월). 노르웨이는 북동쪽으로 스웨덴, 핀란드, 러시아와 접하고, 남쪽으로 스카게라크와 접하고, 반대편에는 덴마크와 접해 있습니다.

노르웨이의 총 면적은 385,252제곱킬로미터이고 인구는 5,438,657명입니다(2020년 12월). 노르웨이는 북동쪽으로 스웨덴, 핀란드, 러시아와 접하고, 남쪽으로 스카게라크와 접하고, 반대편에는 덴마크와 접해 있습니다.

예시

<style>
body, h1, h2, h3, h4, h5, h6 {
  font-family: Arial, Helvetica, sans-serif;
}
</style>

Arial은 웹 사용에서 1 위를 차지했습니다.


헬베티카 입니다

노르웨이의 총 면적은 385,252제곱킬로미터이고 인구는 5,438,657명입니다(2020년 12월). 노르웨이는 북동쪽으로 스웨덴, 핀란드, 러시아와 접하고, 남쪽으로 스카게라크와 접하고, 반대편에는 덴마크와 접해 있습니다.

노르웨이의 총 면적은 385,252제곱킬로미터이고 인구는 5,438,657명입니다(2020년 12월). 노르웨이는 북동쪽으로 스웨덴, 핀란드, 러시아와 접하고, 남쪽으로 스카게라크와 접하고, 반대편에는 덴마크와 접해 있습니다.

예시

<style>
body, h1, h2, h3, h4, h5, h6 {
  font-family: Helvetica, Arial, sans-serif;
}
</style>

Helvetica는 웹에서 사용 중 2 위를 차지했습니다.


베르다나입니다

노르웨이의 총 면적은 385,252제곱킬로미터이고 인구는 5,438,657명입니다(2020년 12월). 노르웨이는 북동쪽으로 스웨덴, 핀란드, 러시아와 접하고, 남쪽으로 스카게라크와 접하고, 반대편에는 덴마크와 접해 있습니다.

노르웨이의 총 면적은 385,252제곱킬로미터이고 인구는 5,438,657명입니다(2020년 12월). 노르웨이는 북동쪽으로 스웨덴, 핀란드, 러시아와 접하고, 남쪽으로 스카게라크와 접하고, 반대편에는 덴마크와 접해 있습니다.

예시

body, h1, h2, h3, h4, h5, h6 {
  font-family: Verdana, Geneva, sans-serif;
}

Verdana는 웹에서 3 위를 차지했습니다.


여기는 제네바

노르웨이의 총 면적은 385,252제곱킬로미터이고 인구는 5,438,657명입니다(2020년 12월). 노르웨이는 북동쪽으로 스웨덴, 핀란드, 러시아와 접하고, 남쪽으로 스카게라크와 접하고, 반대편에는 덴마크와 접해 있습니다.

노르웨이의 총 면적은 385,252제곱킬로미터이고 인구는 5,438,657명입니다(2020년 12월). 노르웨이는 북동쪽으로 스웨덴, 핀란드, 러시아와 접하고, 남쪽으로 스카게라크와 접하고, 반대편에는 덴마크와 접해 있습니다.

예시

body, h1, h2, h3, h4, h5, h6 {
  font-family: Geneva, Verdana, sans-serif;
}

타호마입니다

노르웨이의 총 면적은 385,252제곱킬로미터이고 인구는 5,438,657명입니다(2020년 12월). 노르웨이는 북동쪽으로 스웨덴, 핀란드, 러시아와 접하고, 남쪽으로 스카게라크와 접하고, 반대편에는 덴마크와 접해 있습니다.

노르웨이의 총 면적은 385,252제곱킬로미터이고 인구는 5,438,657명입니다(2020년 12월). 노르웨이는 북동쪽으로 스웨덴, 핀란드, 러시아와 접하고, 남쪽으로 스카게라크와 접하고, 반대편에는 덴마크와 접해 있습니다.

예시

body, h1, h2, h3, h4, h5, h6 {
  font-family: Tahoma, "Trebuchet MS", sans-serif;
}

트레뷰셋 MS입니다.

노르웨이의 총 면적은 385,252제곱킬로미터이고 인구는 5,438,657명입니다(2020년 12월). 노르웨이는 북동쪽으로 스웨덴, 핀란드, 러시아와 접하고, 남쪽으로 스카게라크와 접하고, 반대편에는 덴마크와 접해 있습니다.

노르웨이의 총 면적은 385,252제곱킬로미터이고 인구는 5,438,657명입니다(2020년 12월). 노르웨이는 북동쪽으로 스웨덴, 핀란드, 러시아와 접하고, 남쪽으로 스카게라크와 접하고, 반대편에는 덴마크와 접해 있습니다.

예시

body, h1, h2, h3, h4, h5, h6 {
  font-family: "Trebuchet MS", Tahoma, sans-serif;
}

세고 UI입니다.

노르웨이의 총 면적은 385,252제곱킬로미터이고 인구는 5,438,657명입니다(2020년 12월). 노르웨이는 북동쪽으로 스웨덴, 핀란드, 러시아와 접하고, 남쪽으로 스카게라크와 접하고, 반대편에는 덴마크와 접해 있습니다.

노르웨이의 총 면적은 385,252제곱킬로미터이고 인구는 5,438,657명입니다(2020년 12월). 노르웨이는 북동쪽으로 스웨덴, 핀란드, 러시아와 접하고, 남쪽으로 스카게라크와 접하고, 반대편에는 덴마크와 접해 있습니다.

예시

body, h1, h2, h3, h4, h5, h6 {
  font-family: "Segoe UI", Arial, sans-serif
}

Segoe UI는 Windows 10의 기본 글꼴입니다. 또한 W3Schools 및 W3.CSS의 기본 제목 글꼴입니다.


웹 안전 Serif 글꼴

글꼴 모음안전한 대체
타임즈 뉴 로만타임즈, 세리프
그루지야가는 장식 선

Times New Roman 은 가장 웹에 안전한 세리프 글꼴로 간주됩니다. 모든 Windows 시스템(99.7%) 및 모든 Mac 시스템(97.4%)에서 작동합니다.

일부 이전 운영 체제에는 Times 라는 대체 버전이 있을 수 있으므로 Times를 serif 뿐만 아니라 폴백으로 사용하는 것이 현명합니다.

조지아 는 또한 매우 안전한 것으로 간주됩니다. Times New Roman보다 약간 크지만 대부분의 Windows 시스템(99.4%) 및 Mac 시스템(97.5%)에서 잘 작동합니다.

안전을 위해 serif를 폴백으로 사용하십시오.


타임즈 뉴 로만입니다.

노르웨이의 총 면적은 385,252제곱킬로미터이고 인구는 5,438,657명입니다(2020년 12월). 노르웨이는 북동쪽으로 스웨덴, 핀란드, 러시아와 접하고, 남쪽으로 스카게라크와 접하고, 반대편에는 덴마크와 접해 있습니다.

노르웨이의 총 면적은 385,252제곱킬로미터이고 인구는 5,438,657명입니다(2020년 12월). 노르웨이는 북동쪽으로 스웨덴, 핀란드, 러시아와 접하고, 남쪽으로 스카게라크와 접하고, 반대편에는 덴마크와 접해 있습니다.

예시

body, h1, h2, h3, h4, h5, h6 {
  font-family: "Times New Roman", Times, serif;
}

조지아입니다

노르웨이의 총 면적은 385,252제곱킬로미터이고 인구는 5,438,657명입니다(2020년 12월). 노르웨이는 북동쪽으로 스웨덴, 핀란드, 러시아와 접하고, 남쪽으로 스카게라크와 접하고, 반대편에는 덴마크와 접해 있습니다.

노르웨이의 총 면적은 385,252제곱킬로미터이고 인구는 5,438,657명입니다(2020년 12월). 노르웨이는 북동쪽으로 스웨덴, 핀란드, 러시아와 접하고, 남쪽으로 스카게라크와 접하고, 반대편에는 덴마크와 접해 있습니다.

예시

body, h1, h2, h3, h4, h5, h6 {
  font-family: Georgia, serif;
}

고정 폭 글꼴

고정 폭 글꼴에서 모든 문자는 동일한 너비를 차지합니다.

고정 폭 글꼴은 종종 컴퓨터 코드를 표시하는 데 사용됩니다.

글꼴 모음안전한 대체
택배 신규모노스페이스
광택 콘솔모나코, 모노스페이스
모나코Lucida 콘솔, 모노스페이스

Courier New 는 가장 웹에 안전한 고정 폭 글꼴로 간주됩니다. 대부분의 Windows 및 Mac 컴퓨터에 설치됩니다.

Lucida 콘솔 은 Mac에서 실행되지 않습니다. Monaco 는 Windows에서 실행되지 않습니다.

한 가지 해결책은 Monaco를 Lucida 콘솔의 대체 수단으로 사용하는 것입니다.

100% 웹에 안전한 글꼴은 없지만 항상 w3-monospace 를 사용할 수 있습니다 .


w3-모노스페이스입니다.

노르웨이의 총 면적은 385,252제곱킬로미터이고 인구는 5,438,657명입니다(2020년 12월). 노르웨이는 북동쪽으로 스웨덴, 핀란드, 러시아와 접하고, 남쪽으로 스카게라크와 접하고, 반대편에는 덴마크와 접해 있습니다.

노르웨이의 총 면적은 385,252제곱킬로미터이고 인구는 5,438,657명입니다(2020년 12월). 노르웨이는 북동쪽으로 스웨덴, 핀란드, 러시아와 접하고, 남쪽으로 스카게라크와 접하고, 반대편에는 덴마크와 접해 있습니다.

예시

<div class="w3-monospace">


택배 뉴입니다

노르웨이의 총 면적은 385,252제곱킬로미터이고 인구는 5,438,657명입니다(2020년 12월). 노르웨이는 북동쪽으로 스웨덴, 핀란드, 러시아와 접하고, 남쪽으로 스카게라크와 접하고, 반대편에는 덴마크와 접해 있습니다.

노르웨이의 총 면적은 385,252제곱킬로미터이고 인구는 5,438,657명입니다(2020년 12월). 노르웨이는 북동쪽으로 스웨덴, 핀란드, 러시아와 접하고, 남쪽으로 스카게라크와 접하고, 반대편에는 덴마크와 접해 있습니다.

예시

body, h1, h2, h3, h4, h5, h6 {
  font-family: "Courier New", monospace;
}

이것은 Lucida 또는 Monaco입니다.

노르웨이의 총 면적은 385,252제곱킬로미터이고 인구는 5,438,657명입니다(2020년 12월). 노르웨이는 북동쪽으로 스웨덴, 핀란드, 러시아와 접하고, 남쪽으로 스카게라크와 접하고, 반대편에는 덴마크와 접해 있습니다.

노르웨이의 총 면적은 385,252제곱킬로미터이고 인구는 5,438,657명입니다(2020년 12월). 노르웨이는 북동쪽으로 스웨덴, 핀란드, 러시아와 접하고, 남쪽으로 스카게라크와 접하고, 반대편에는 덴마크와 접해 있습니다.

예시

body, h1, h2, h3, h4, h5, h6 {
  font-family: "Lucida Console", Monaco, monospace;
}

필기체 글꼴

웹에 안전한 필기체 글꼴은 없지만 w3-cursive 를 안전하게 사용할 수 있습니다 .

이것은 w3-cursive입니다.

노르웨이의 총 면적은 385,252제곱킬로미터이고 인구는 5,438,657명입니다(2020년 12월). 노르웨이는 북동쪽으로 스웨덴, 핀란드, 러시아와 접하고, 남쪽으로 스카게라크와 접하고, 반대편에는 덴마크와 접해 있습니다.

노르웨이의 총 면적은 385,252제곱킬로미터이고 인구는 5,438,657명입니다(2020년 12월). 노르웨이는 북동쪽으로 스웨덴, 핀란드, 러시아와 접하고, 남쪽으로 스카게라크와 접하고, 반대편에는 덴마크와 접해 있습니다.

예시

<div class="w3-cursive">