让用户选择一种字体

时间:2014-03-22 12:56:07

标签: javascript html user-interface fonts

有没有办法让用户使用Javascript从自己的计算机中选择字体?

很抱歉,如果这听起来有点基础,但我搜索了它,我发现的是数十万关于如何使用style.fontFamily的教程。然而,这不是我的问题所在。我已经知道如何设置字体了。

我想允许用户将某段文字设置为他们可以自己选择的某种字体。就像在this fiddle中一样。

<p>
   Type a font name: <input id="font" /> and click
   <button type="button" id="button">here</button>
</p>
<p id="example">
   And this is the text that will be displayed in the chosen font.
</p>
document.getElementById('button').onclick = function() {
 document.getElementById('example').style.fontFamily =
  document.getElementById('font').value;
};

除了我希望输入的datalist包含用户计算机上的字体名称。或者它可以是select

有些图书馆一见钟情,例如"JQuery Font Chooser",但它也使用预设列表而不是使用实际可用的字体。

到现在为止,几乎看起来好像无法从客户端计算机中获取字体名称......

0 个答案:

没有答案