2013-07-31 5 views
0

내 웹 사이트에는 세 가지 기본 언어가 사용됩니다. 나는 lang="en"을 html 태그에 넣었다. CSS 파일에서 나는 다음 쓰기 : 웹 사이트의 텍스트가 영어 인 경우언어 참조, 서체 계열

body { 

... 
font-family: 'Open Sans'; 
font-size: 10pt; 
... 
} 

그래서, 중 러시아어는 열기 산세라는 웹 글꼴을 사용합니다. 그리고 이것은 정상적으로 작동합니다.

지금 나는 그것이 웹 폰트 아리안의 AMU를 사용하는 아르메니아어에 텍스트를 쓸 때 그렇게 만들고 싶어하지만 이런 식으로 작동하지 않습니다 다음 CSS에서 font-family: 'Open Sans', 'Ariam AMU';

을, 나는

쓰기
:lang(hy) { 
    font-family: 'Arian AMU'; 
    font-size: 10.5pt; 
    line-height: 18px; 
} 

전체 텍스트가 아르메니아어 인 경우 lang="hy"p 태그에 넣습니다.

질문은 언어가 러시아어 또는 영어 인 경우 Open Sans 10pt, 글자는 Ariam AMU 10.5pt이고 줄 높이가 18px 일 때 어떻게 작성해야합니까?

답변

0

pseudo-class:lang은 요소 선택자 body보다 specificity이 더 많습니다. 이 경우 두 규칙이 충돌 할 때 문제가 발생할 수 있습니다. 동일한 특이성을 가진 모든 충돌 규칙을 지정해보십시오.

:lang(en), :lang(ru) { 
    font-family: 'Open Sans', sans-serif; 
    font-size: 10pt; 
} 

:lang(hy) { 
    font-family: 'Ariam AMU'; 
    font-size: 10.5pt; 
    line-height: 18px; 
} 

jsFiddle을 참조하십시오.

당신은이 기사를 읽어 CSS 특이성에 대해 자세히 알아볼 수 있습니다 :