2011-08-11 4 views
124

일부 텍스트와 서식이 포함 된 HTML 페이지가 있습니다. 나는 텍스트의 모든 내부 서식을 무시하고 동일한 글꼴 계열과 동일한 텍스트 크기를 만들고 싶습니다.전체 HTML 문서에 전체 글꼴 적용 방법

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

어떻게하면됩니까?

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

* -selector는 모든/모든 요소를 의미하지만, 더 특정 선택기를 오버라이드 (override) 할 때 분명히 먹이 사슬의 맨 아래에있을 것입니다 :

답변

188

CSS에는 별표와 !important 요소를 사용할 수 있어야합니다.

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

별표 (당신은 아마 멀리 너무 html없이 얻을 수있는) 모든 일치합니다.

!important은이 스타일로 설정 한 내용을 무시할 수 없습니다 (중요하지 않은 한). (이것은 당신이 "텍스트의 내부 서식을 무시"해야한다는 요구 사항을 돕기위한 것입니다 - 다른 스타일이 이들을 덮어 쓸 수 없다는 것을 의미했습니다)

나머지 중괄호 안의 스타일은 다른 스타일과 같습니다 너는 네가 거기에서하고 싶은 것을 다 할 수있다. 나는 글꼴 크기, 색깔 및 가족을보기 위하여 바꾸는 것을 선택했다.

+14

+1'! important'는 유용하지만 남용되면 "thar be monsters"라는 비트를 얻을 수 있습니다. – StuperUser

+10

동의. 매우 아껴서 사용하십시오. 그것이 사용될 때마다, 그것은 가치를 잃어 버린다. – Amadiere

+1

'! important'를 잘 사용하기 위해서 +1. 마지막 옵션으로 항상 사용되어야합니다. – dShringi

9

은 다음과 CSS를 사용합니다. * 절대 수의 !important -flag 다른 선택기가 텍스트를 설정하는 데 사용 된 경우에도 font 스타일 렌더링 것

주 (예를 들어, body 또는 어쩌면 p).

+1

아마도 '! important'는 다른 선택기가 설정을 무시하는 것을 방지합니다. – Quasdunk

+1

음, 그렇습니다.'! important'는 다른 선택자가 그것을 사용하지 않는 한, 무시하는 것을 막을 것입니다. ㅎ. 내 게시물을 편집하고 추가합니다 - 감사합니다. :-) – ninetwozero

+0

네, 맞습니다. 확실하지는 않지만, 환경 설정은 선언을 배치하는 위치에 따라 다릅니다. 맨 아래에 배치하면 위의 더 구체적인 선택기에서'! important's를 무시할 수 있습니다.그러나 그것은 내가 추측하는 바로 여기 요점이 아니다 :) – Quasdunk

13

css의 본체 선택기에서 설정하십시오. 예 :

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

더 구체적인 선택기로 재정의 할 수 있습니다. – StuperUser

+0

모든 요소에 적용되지 않습니다. 예 : input type = 'button' – RRTW

-1

이 시도 : 내가 생각

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

안녕하세요 anglimass, 코드를 형식화했습니다. 네 칸이나'{} '버튼을 사용하면 답안에서 이런 식으로 예제 코드를 볼 수 있습니다. – StuperUser

24

모범 사례가 몸에 글꼴을 설정하는 것입니다 :

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

당신이 그것을 쉽게 overwrited 할 수있는 몇 가지 요소를 변경하려는 경우 :

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

기초 CSS와 같은 프레임 워크를 사용하는 경우! important를 추가하지 않으면 작동하지 않습니다. –

4

* + !important을 절대로 사용하지 마십시오. HTML 문서의 일부 부분에서 글꼴을 변경하려면 어떻게해야합니까? 당신은 항상 중요한 신체없이 사용해야합니다. 다른 옵션이없는 경우에만 !important을 사용하십시오.

+0

soooo! important 또는 *를 사용하지 않고 전역 글꼴을 만드는 방법에 대한 예제가 있습니까? – MasterProgrammer200

관련 문제