전체 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 */
}

그*-solute는 모든 요소를 의미하지만, 보다 구체적인 선택기를 무시할 경우 분명히 먹이 사슬의 맨 아래에 있을 것입니다.

참고:!important-vmdk가 렌더링을 렌더링합니다.font- 을 위한 스타일.*텍스트를 설정하기 위해 다른 선택기가 사용된 경우에도 절대적이 됩니다(예:body아니면 아마도p).

사용해 보십시오.

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