1

我已经成功地将sIFR用于标题等简单的应用程序，我正在尝试同时使用两种不同的字体——一种用于标题，一种用于菜单。
标题有效，但菜单无效。我正在使用Tofurious Wordpress主题。这是主题样式表中管理菜单字体和链接样式的部分：

/*MENU COLORS****************/
#menu {
 background:#bc7d90;
}

#menu li a {
 font:11px Arial, Helvetica, sans-serif; /*MENU FONT STYLES*/
 text-transform: uppercase;
 color:#fff; /*MENU FONT COLOR*/
}

#menu li a:hover {
 color:#ecd1d9; /*MENU FONT COLOR WHEN HOVERING*/
}

我在sIFR#menu li a设置页面上输入，然后使用以下代码：Item To Replace

.sIFR-root { font-size:15px; font-weight:normal; color:#fff; }
a { text-decoration:none; color:#fff; }
a:hover { color:#fff; }

字体出现了——但不是上面指定的任何样式，它以一种意想不到的方式出现在博客上。您可以在此地址查看示例：www.laurenparkinson.com/blog

此外，实际的子菜单项根本没有出现。

4

1 回答 1

0

完全放弃 sIFR 以支持 @font-face 对您大有裨益，现在所有主流浏览器都支持，包括 IE 自版本 4 起（更多兼容性信息：http ://webfonts.info/wiki/index.php?title =@font-face_browser_support）。


@font-face {
 font-family: myFont1;
 src: url('myFont1.eot'); /*For IE*/
 src: local('myFont1'), url('myFont1.ttf') format('truetype');
}
@font-face {
 font-family: myFont2;
 src: url('myFont2.eot'); /*For IE*/
 src: local('myFont2'), url('myFont2.ttf') format('truetype');
}

#header{
 font-family: myFont1, Georgia, Times New Roman, Serif;
}

#menu {
 font-family: myFont2, Verdana, Arial, Sans-serif;
}

只需确保您的字体已获得嵌入许可。

在线eot转换器：http ://www.kirsle.net/wizards/ttf2eot.cgi

于 2010-01-29T09:45:09.010 回答