전체 HTML 문서에 전역 글꼴을 적용하는 방법

전체 HTML 문서에 전역 글꼴을 적용하는 방법

---

텍스트와 서식이 포함 된 HTML 페이지가 있습니다. 텍스트의 모든 내부 서식을 무시하고 동일한 글꼴 모음과 동일한 텍스트 크기를 만들고 싶습니다.

HTML 페이지의 전역 글꼴 형식을 설정하고 싶습니다.

어떻게하면 되나요?

---

!importantCSS 내 에서 별표와 요소 를 활용할 수 있어야합니다 .

html *
{
   font-size: 1em !important;
   color: #000 !important;
   font-family: Arial !important;
}

별표는 모든 것과 일치합니다 (아마도 도망 갈 수 있습니다 html).

!important보장 아무것도 당신이 스타일로 설정 한 것을 무시할 수 없다 (그것은 또한 중요하지 않은 경우). (이것은 "텍스트의 내부 서식을 무시"해야한다는 요구 사항을 돕기위한 것입니다. 다른 스타일에서는이를 덮어 쓸 수 없음을 의미했습니다)

괄호 안의 나머지 스타일은 다른 스타일과 동일하며 원하는 스타일로 할 수 있습니다. 예를 들어 글꼴 크기, 색상 및 가족을 변경하기로 선택했습니다.

---

가장 좋은 방법은 글꼴을 본문으로 설정하는 것입니다.

body {
    font: normal 10px Verdana, Arial, sans-serif;
}

일부 요소에 대해 변경하기로 결정하면 쉽게 덮어 쓸 수 있습니다.

h2, h3 {
    font-size: 14px;
}

---

CSS의 바디 선택기에서 설정하십시오. 예 :

body {
    font: 16px Arial, sans-serif;
}

---

다음 CSS를 사용하십시오.

* {
    font: Verdana, Arial, 'sans-serif' !important;/* <-- fonts */
}

*-selector 의미 있는 / 모든 요소를하지만, 더 많은 재정에 관해서 분명히 먹이 사슬의 맨 아래에있을 것입니다 특정 선택기.

텍스트를 설정하는 데 다른 선택기 (예 : 또는 a ) 를 사용해도 !important-flag는 font스타일을 *절대적으로 렌더링합니다 .bodyp

---

를 사용해서는 안됩니다 * + !important. HTML 문서의 일부에서 글꼴을 변경하려면 어떻게해야합니까? 당신은 항상 중요하지 않고 몸을 사용해야합니다. !important다른 옵션이없는 경우에만 사용하십시오 .

---

이 시도:

body
{
    font-family:your font;
    font-size:your value;
    font-weight:your value;
}

참고 URL : https://stackoverflow.com/questions/7025756/how-to-apply-global-font-to-whole-html-document