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

【问题标题】：How to render custom fonts in the <select> tag?如何在 <select> 标签中呈现自定义字体？
【发布时间】：2012-04-26 16:10:25
【问题描述】：

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

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

在选择的标签项之一中

【问题讨论】：

【解决方案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;"

【讨论】：