이 글꼴을 추가하고 있습니다 : http://www.fonts2u.com/vps-dong-da-hoa.font웹 사이트에 글꼴 추가
내 웹 사이트에이 글꼴을 추가하려고합니다. 내 CSS는 다음과 같습니다.
@font-face {
font-family: "VPSDODAH";
src: url(http://localhost/blablabla/wp-content/plugins/buddypress/bp-themes/frisco-for-buddypress/VPSDODAH.ttf) format("truetype");}
#header h1 a {
font-family: "VPSDODAH";}
글꼴의 URL은 정확하지만 작동하지 않습니다. 무엇을 할 수 있습니까?
대단히 감사합니다.
일부 브라우저는 지원되지 않습니다. .ttf. 모든 글꼴 유형 (나는 font2web 사용) 얻을 수있는 글꼴 생성기를 사용하고 단지 @font-face을 통해 글꼴을 추가 :
@font-face {
font-family: 'fontName';
src: url('../fonts/fontName.eot');
src: url('../fonts/fontName.eot?iefix') format('eot'),
url('../fonts/fontName.woff') format('woff'),
url('../fonts/fontName.ttf') format('truetype'),
url('../fonts/fontName.svg#fontName') format('svg');
font-weight: normal;
font-style: normal;
}
여기에 대한 browser font support 읽어보십시오.
웹 글꼴 생성을 위해 this 웹 사이트를 시도 할 수 있습니다. 글꼴이 존재하는 경우이를 변환하고 모든 @ font-face 매개 변수를 가져와 웹 사이트에 적용 할 수 있습니다.
URL은 localhost입니까? Google Web 글꼴을 사용할 수 없습니까? – Raptor
다른 ttf뿐만 아니라 다른 모든 글꼴 유형도 다운로드해야합니다. 다운로드 버튼 대신 @ font-face 버튼을 클릭하면 글꼴에 대한 상대 경로를 사용하는 것이 가장 좋습니다 – Pete
어떤 브라우저를 실행하고 있습니까? 일부 브라우저는 @ font-face를 사용하여 ttf 글꼴 (IE, 당신을 바라보고있는 Im)을 처리하지 않을 수 있습니다. –