如何在<select>标签中呈现自定义字体？</select>

Question

我想在我的一个页面（MVC 3）中使用一组自定义字体（不是系统字体）。我想在<select>标签中显示这些字体，但是可以将每个元素中的文本呈现为其字体样式吗？

换句话说，我想渲染例如字体

在其中一个选择标签项

中

Answer 1

是的你在CSS中声明它是这样的：

 @font-face { font-family: urfont; src: url('urfont.otf'); } 
 @font-face { font-family: urfont; font-weight: bold; src: url('urfont.otf');}

然后，您可以像其他标准字体一样引用它：

<select style="font-family: urfont, sans-serif;"