CSS : 모든 요소에 비례하여 맞춤 글꼴 확대

custom font을 사용하고 싶습니다.CSS : 모든 요소에 비례하여 맞춤 글꼴 확대

@font-face { 
    font-family: 'Echelon'; 
    src: url('font/echelon-rg.ttf'); 
    font-style: normal; 
} 
@font-face { 
    font-family: 'Echelon'; 
    src: url('font/echelon-it.ttf'); 
    font-style: italic; 
}

을 사용하여 페이지에로드하면 브라우저에서 사용 가능한 모든 기본 글꼴이 작아집니다. 현재 크기의 150 %라고 가정 해 보겠습니다. 문제는 그 다음

body * { 
    font-family: Echelon; 
    font-size: 150%; 
}

을 수행 할 때 모든 h1..h6, p는, DIV는, 스팬 요소가 같은 크기 (부트 스트랩의 모든 사용자 지정 설정을 덮어 씁니다) 공유하고 내가 그런 식으로 사용할 수 없다는 것입니다 . 모든 요소를 원래 크기 (예 : 부트 스트랩) 크기로 상대적으로 변경하려고합니다. 만약 내가 수동으로했다면, 나는 수백 가지 요소를 다시 써야 할 것이므로, 나쁜 선택이다. 깨끗하고 쉬운 방법으로 어떻게 그것을 할 수 있습니까?

추신 : 이것은 약 창/화면 크기가 아닙니다.

출처

2015-01-28 ducin

기존의 것을 다시 쓰는 것은 실제로 나쁜 선택이 아니다. 어쨌든 CSS에는 * 많은 * font-size 선언이 있어서는 안됩니다. –

하지만 시간이 많이 걸리는 옵션입니다. 너무 비싼. 트위터 부트 스트랩은 * 많은 * 선언문과 함께 제공되므로 내 디자인이 아닙니다. – ducin

당신은'.echelon {font-family : Echelon; font-size : 150 %;}'그런 다음이 글꼴을 사용하려는 요소에 해당 클래스를 지정하십시오. – Pete

본문을 선언하는 대신 CSS에서 변경해야하는 특정 섹션을 선언하여 수동으로 변경할 필요가 없습니다. 당신의 단락을 150 %로하고 싶다면 다음과 같이 선언하십시오 : CSS에서 {font-size : 150 %} p 단락으로 제한해야합니다. 도움이 되었으면 좋겠다 :-)

출처

2015-01-28 11:53:07 karthik

CSS : 모든 요소에 비례하여 맞춤 글꼴 확대

답변

관련 문제