在Chrome

时间:2015-05-05 10:12:17

标签: css font-face font-family

如上所述 - 我有字体渲染的问题,但只在网站上的一个地方(该字体也用于其他类,但似乎在其他地方工作正常)。我有一个Wordpress网站,菜单中的第一个位置绝对是精神上的:

enter image description here

我已经更改了这个特定字体的所有文件,尝试只注释了svg声明,还添加了-webkit-text-stroke:1px transparent;但尽管如此,问题仍然存在(仅在第一次加载时;在刷新后,它显示'主页')。

请在下面找到此课程的CSS声明:

@font-face {
    font-family: 'GothamRounded-Medium';
    src: url('fonts/GothamRounded-Medium.eot?#iefix') format('embedded-    opentype'),  
    url('fonts/GothamRounded-Medium.otf')  format('opentype'),
    url('fonts/GothamRounded-Medium.woff') format('woff'), 
    url('fonts/GothamRounded-Medium.ttf')  format('truetype'),
    url('fonts/GothamRounded-Medium.svg#GothamRounded-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

#main-nav li {
    font-family: 'GothamRounded-Medium', sans-serif, arial;
    font-size:15px;
    display: block;
    border-bottom: 2px solid #063F77;
    background:#004a8d;
}

我会感激任何提示。

谢谢, 即

E:尝试其他字体套件时,其中一个渲染所有字符,但字母间距不自然。我尝试声明默认的字母间距值,但它也没有帮助。请找到下面的图片:

enter image description here

不确定它是否实际上为主题添加了任何内容,但它似乎只讨厌这个特定的菜单位置。我尝试将这个词改成别的东西,问题仍然存在(显然“胡萝卜”这个词看起来更有趣)。我还试图再次添加菜单位置 - 没有变化。

0 个答案:

没有答案