대체 글꼴에 다른 글꼴 가중치를 설정하는 방법은 무엇입니까?

내 웹 사이트에서 사용하는 맞춤 글꼴에 문제가 있습니다.대체 글꼴에 다른 글꼴 가중치를 설정하는 방법은 무엇입니까?

그래서 다음 CSS를 텍스트로 사용합니다. 웹 사이트는 제 모국어에 내장되기 때문에

font-family: "Open Sans",Helvetica,Arial; 
font-weight:600;

, 나는 열기 산세에 포함 된 것으로 보인다하지 않는, UTF-8 기호를 사용하는, 그래서 그들은 대신 헬 베티에 표시되고 있지만, 문제는 그들은 더 많은 무게를 가지고있다.

폴백 글꼴을 사용하는 경우 font-weight 매개 변수를 normal로 설정할 수 있습니까?

출처

2014-03-03 user1587985

이 주제는 이전에 여기에서 탐구되었습니다 : http://stackoverflow.com/questions/1960817/get-computed-font-family-in-javascript/1961519#1961519. 현재 글꼴을 직접 결정하는 방법은없는 것 같습니다. 당신이 사용할 수있는 플러그인이 있습니다 (@ SW4에 의해 아래 응답에 언급되어 있습니다),하지만 과도한 것 같습니다. – AnchovyLegend

@AnchovyLegend 전적으로 동의합니다 – SW4

원하는 각 글꼴에 대해 새로 @font-face을 정의 할 수 있습니다.

@font-face { 
     font-family: 'mainFont'; 
     src: url(/*Link to Open Sans*/); 
     font-weight: 600; 
} 

@font-face { 
     font-family: 'secondaryFont'; 
     src: local('Helvetica'); 
     font-weight: 400; 
} 

@font-face { 
     font-family: 'tertiaryFont'; 
     src: local('Arial'); 
     font-weight: 600; 
}

그런 다음 원하는 결과를 얻는 font-family: 'mainFont', 'secondaryFont', 'tertiaryFont';으로 끝납니다.

출처

2014-03-03 16:57:55 MickelsonMichael

Outlook (2016)과 같은 이메일 클라이언트에서이 작업이 가능한 사람이 있습니까? 테스트 결과 작동하지 않는 것 같습니다. –

@DaveElton이 솔루션을 사용해보고 작동하는지 확인하십시오. https://stackoverflow.com/a/32056054/3338349 – MickelsonMichael

불행히도 CSS 만 사용하여 대체 글꼴 특정 스타일을 정의 할 수있는 방법은 없습니다.

이와 같이 사용자는 사용중인 글꼴을 분석 한 다음 스타일을 적용하여 see here for one method 글꼴을 '가장 추측하기'전에 요소에 적용한 너비가 적용됩니다.

즉, 본질적으로 해킹/해결 방법입니다.

그렇지 않은 경우 기호가있는 위치를 식별 한 다음 스타일 span 태그로 묶는 방법을 살펴볼 수도 있습니다. 다시 말하면 깨끗한 솔루션과는 달리 상당히 더러운 해킹이 될 수 있습니다.

출처

2014-03-03 16:55:40 SW4

대체 글꼴에 다른 글꼴 가중치를 설정하는 방법은 무엇입니까?

답변

관련 문제