Google 글꼴의 문자 높이가 일치하지 않는 Chrome에서 이상한 문제가 있습니다. text-transform: uppercase을 사용할 때만 발생하며 font-weight:bold을 사용하면 수정됩니다. 난 당신이 S 단어 TESTING 너무 높이 볼 수있는 몇 가지 예제 코드를 가지고 : 나는 arial에 글꼴을 변경하는 경우 body {
저는 jsfiddle을 기본 @ font-face CSS와 h2로 설정했습니다. css가 참조하고있는 글꼴 파일은 모두 서버에 있습니다. 그러나 woff 파일의 URL을 입력하면 찾을 수 없습니다. 나는 그 파일이 가리키는 위치에 정확히 존재하는지 트리플을 확인했지만, URL 바에 입력하여 woff 파일을 볼 수 없다고 생각합니다 (편집 : svg와 동일)
Google 글꼴 URL을 내 Content-Security-Policy 헤더의 font-src 지시문에 추가했습니다. Refused to load the stylesheet 'http://fonts.googleapis.com/css?
family=Open+Sans:300,400,400italic,600,800|Source+Code+Pro' because
icon-font.woff이라는 글꼴 파일이 있는데 해당 SVG 파일이 있습니다. 내부에 몇 개의 아이콘이 있습니다. 지금은이 같은 CSS를 사용하여 내 HTML 파일에서이 아이콘을 사용하고 싶습니다 : .icon-add-contact:before{content:""}
하지만 내가 위의 content에 줄 필요가 값이 무엇인지 모른다. 그리고 어떤 값이
다음 코드 (...는 실제 코드가 아닌 더 긴 경로를 나타냄)를 사용하여 사용자 정의 글꼴 (Alef-Regular)을 스타일 시트에 넣습니다. @font-face
{
font-family: Alef;
src:
url('.../Alef-Regular.ttf') format ('truetype'),
url('.../A
나는 유성 프레임 워크를 사용하고, 내 main.scss 파일에 다음을 해요 :이 작동되지 않고 @font-face {
font-family: 'GrandHotel-Regular';
src: url('GrandHotel-Regular.eot');
src: url('GrandHotel-Regular.woff2') format('wo