相关疑难解决方法(0)

我有一个列出字体系列的下拉列表.像Tahoma,Arial,Verdana等.我想根据它代表的值更改每个下拉项的font-family.就像Photoshop一样.

我为每个下拉项更改了CSS,但它只适用于FireFox.它不适用于任何其他浏览器.

我不想使用任何jQuery插件.

我不知道这是否可行,如果没有,如果有人可以抛出可选的想法,但我试图在select标签中显示不同字体(特别是来自Google字体目录的字体)的下拉列表.在下拉列表中,我试图通过使用它所代表的字体为每个选项设置样式来显示预览

<option name="Tangerine" style="font-family:'Tangerine', verdana;">Tangerine</option>

但这似乎不起作用.任何线索为什么或如何解决它？

我正在使用CSS方法通过使用CSS类中的字体名称来从fonts.com渲染字体

 .myFont h3 {
   background-color: #FFFFFF;
   color: #000000;
   font-family: "ReformaGroteskW01-Mediu";
   font-size: 40px;
   font-weight: normal;
   letter-spacing: 0.04em;
   margin: 0 auto;
   padding: 0 7px;
   text-transform: uppercase;
   width: 105px;

}

并使用fonts.com提供的链接标签链接字体,这适用于Firefox,但不适用于chome和Safari,似乎webkit浏览器没有链接到这里的东西,我会支持fonts.com但我有发现他们的支持在过去很慢.

<link type="text/css" rel="stylesheet" href="http://fast.fonts.com/cssapi/11386172-45ea-43f5-93bd-d795e60c00af.css">