js如何获取系统支持的字体，js获取文字所占的宽度

如何用类似JS的指令获取网页上字体信息?

1、var defaultFont = getComputedSylte in window？getComputedStyle(document.documentElement)[font-family]：document.documentElement.currentStyle[font-family]； //defaultFont的结果就是浏览器的默认字体名称。

2、Chrome 浏览器/Safari 浏览器 等 Webkit 内核浏览器——选中需要查询字体信息的对象，然后点击右键“审查元素”（Inspector）。

3、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码，选中选项2。

4、在网页上右键菜单选择”查看源代码“，会出现新页面显示该网页源代码。

相关问答

Q1: js获取可视区域文字的方法

1、首先打开下载好的js软件。点击右上角“+”按钮，完成新建画布。其次点击左上方“扳手”图标，点击“画布”选项。最后点击“画布信息”即可查看。

2、自己没有做过，但是有一种插件不知道能不能有用。Javascript图片文字识别插件JS-OCR，尽量找一些插件，效率要高一些。

3、使用控件的focus或select方法，可以很方便地选取textarea的所有内容，但却无法实现某行的选取。本例讲解如何选取textarea中的指定行。

4、textarea id=reason/textarea。var $reason = document.getElementById(reason).value；//这个就是用户输入的。extarea的内容(原生js)。

5、步骤如下：新建文件p，a，input标签。效果如图。创建js脚本定义x获取id=a。输出x里面的内容。js获取id=b的内容。输出b的内容。js获取id=c的内容。输出c的value值。

6、)；var text = $(#myselect).find(option：selected).text()；$(body).append(value= + value + ，text= + text)；浏览器运行index.html页面，此时成功获得到选中的选项的值和文本并打印了出来。

Q2: javascript控制字体

1、在index.html的标签中，输入js代码：if (size = 12) zoom.style.fontWeight = bold；。浏览器运行index.html页面，此时发现点击中和大，字体会加粗。

2、新建一个html文件，命名为test.html，用于讲解JS如何修改字体大小。在test.html文件内，使用p标签创建一段文字，并且设置p标签的id属性为txt，主要用于下面通过该id获得元素对象。

3、电脑上的字体设置在电脑上进行字体设置，可以通过以下几个步骤来完成：打开“控制面板”。选择“外观和个性化”。点击“字体”。在弹出的窗口中，可以选择需要添加或删除的字体，以及对字体进行预览和设置。

js如何获取系统支持的字体的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js获取文字所占的宽度、js如何获取系统支持的字体的信息别忘了在本站进行查找喔。