如上所述 - 我有字体渲染的问题,但只在网站上的一个地方(该字体也用于其他类,但似乎在其他地方工作正常)。我有一个Wordpress网站,菜单中的第一个位置绝对是精神上的:
我已经更改了这个特定字体的所有文件,尝试只注释了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:尝试其他字体套件时,其中一个渲染所有字符,但字母间距不自然。我尝试声明默认的字母间距值,但它也没有帮助。请找到下面的图片:
不确定它是否实际上为主题添加了任何内容,但它似乎只讨厌这个特定的菜单位置。我尝试将这个词改成别的东西,问题仍然存在(显然“胡萝卜”这个词看起来更有趣)。我还试图再次添加菜单位置 - 没有变化。