我在使用font-face时遇到一些问题,每次使用它来包含字体时都会出现这种问题。解决它的唯一方法是(我正在使用Chrome btw)转到IE中的页面,让它在本地重新下载字体。域名为:http://chahlesmc.us/
第一张图片显示内容应该如何,其他图片显示我的问题。提前谢谢!
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 100;
src: url('./fonts/sourcesanspro-extralight-webfont.eot');
src: url('./fonts/sourcesanspro-extralight-webfont.eot?#iefix') format('embedded-opentype'),
url('./fonts/sourcesanspro-extralight-webfont.svg') format('svg'),
url('./fonts/sourcesanspro-extralight-webfont.woff') format('woff'),
url('./fonts/sourcesanspro-extralight-webfont.ttf') format('truetype');
}
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 200;
src: url('./fonts/sourcesanspro-light-webfont.eot');
src: url('./fonts/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
url('./fonts/sourcesanspro-light-webfont.svg') format('svg'),
url('./fonts/sourcesanspro-light-webfont.woff') format('woff'),
url('./fonts/sourcesanspro-light-webfont.ttf') format('truetype');
}
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 300;
src: url('./fonts/sourcesanspro-regular-webfont.eot');
src: url('./fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('./fonts/sourcesanspro-regular-webfont.svg') format('svg'),
url('./fonts/sourcesanspro-regular-webfont.woff') format('woff'),
url('./fonts/sourcesanspro-regular-webfont.ttf') format('truetype');
}
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: url('./fonts/sourcesanspro-semibold-webfont.eot');
src: url('./fonts/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('./fonts/sourcesanspro-semibold-webfont.svg') format('svg'),
url('./fonts/sourcesanspro-semibold-webfont.woff') format('woff'),
url('./fonts/sourcesanspro-semibold-webfont.ttf') format('truetype');
}
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 500;
src: url('./fonts/sourcesanspro-bold-webfont.eot');
src: url('./fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('./fonts/sourcesanspro-bold-webfont.svg') format('svg'),
url('./fonts/sourcesanspro-bold-webfont.woff') format('woff'),
url('./fonts/sourcesanspro-bold-webfont.ttf') format('truetype');
}
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
src: url('./fonts/sourcesanspro-black-webfont.eot');
src: url('./fonts/sourcesanspro-black-webfont.eot?#iefix') format('embedded-opentype'),
url('./fonts/sourcesanspro-black-webfont.svg') format('svg'),
url('./fonts/sourcesanspro-black-webfont.woff') format('woff'),
url('./fonts/sourcesanspro-black-webfont.ttf') format('truetype');
}