字体面问题 - 文本压缩

时间:2013-12-03 18:14:13

标签: html css fonts font-face

我在使用font-face时遇到一些问题,每次使用它来包含字体时都会出现这种问题。解决它的唯一方法是(我正在使用Chrome btw)转到IE中的页面,让它在本地重新下载字体。域名为:http://chahlesmc.us/

This is how it should look

This is the issue at certain times - the positioning seems to mess up.

Same applies to the navigation links, all the text seems to compact.

第一张图片显示内容应该如何,其他图片显示我的问题。提前谢谢!

@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');
}

0 个答案:

没有答案