글꼴 패밀리에서 백업 글꼴을 사용할 때 가끔 세기 gothic 대신 futura의 경량 버전을 사용하고 싶다면 어떻게해야할까요? ? 일반적으로 그냥 이드를 작성font-family의 각 글꼴에 대해 서로 다른 가중치를 지정하는 경우
p {font-family:"century gothic", futura; font-weight:300; font-size:14px;}
하지만 그게 또한 세기 고딕의 무게 300, 올바른 것인가?
CSS 스타일은 선택기에만 적용됩니다. 이 경우 모든 p 태그에 적용됩니다.
"century gothic"은 선택자가 아닙니다. 그리고 font-weight와 font-family는 완전히 다릅니다. 선택자에 적용됩니다.
300은 "세기 고딕"에 아무런 영향을 미치지 않습니다. p 태그를 사용하여 정의 된 모든 단락의 글꼴 가중치를 변경합니다.
자바 스크립트에서만 가능하다고 생각합니다.
확인이 아웃 : 여기 http://lucassmith.name/2009/05/test-if-a-font-is-installed-via-javascript.html
데모 : 글꼴이 설치되어 있지 http://lucassmith.name/pub/font_installed.html
경우 다른 font-weight을 설정할 수 있습니다.
아니요, font-weight은 300과 동일 할 것입니다. 글꼴 종류에 관계없이. 거의 모든 글꼴에서 300 버전은 없으므로 대개 400 (일반)으로 매핑됩니다. 일부 글꼴에 300에 해당하는 버전이있는 경우 Futura (사용 가능한 경우 대부분의 컴퓨터에는 해당되지 않음)에 가중치 설정이 적용됩니다.
브라우저 및 시스템에 따라 가벼운 버전도 자체 이름으로 알 수 있으므로 p {font-family:"century gothic", "futura light"; font-size:14px;}과 같은 것이 효과적 일 수 있습니다. 글꼴 가중치의 처리는 브라우저에서 정말 지저분합니다.