Rendered Font

Rendered Font

Rendered Font

热度 6979

当前版本 0.0.1
插件大小 21.08KiB
所属分类 生产工具
更新时间 2018年1月22日
Chrome store open chrome web store
随机推荐 阿里云服务器2核2G 99元/1年(续费同价!)

Rendered Font插件简介

Rendered Font(扩展包名:keddhhgbmgaoliichbaikplccgefgpep)由 开发,最新版本0.0.1 于 2018年1月22日 更新。 Rendered Font 属于生产工具分类。

🌹 这个应用程序可以在 ChromeFK 或 Google Chrome 网上应用商店进行下载。 ChromeFK上的所有插件扩展文件都是原始文件,并且 100% 安全,下载速度快。
選択文字列に適用されているフォントを判定します。Rendered Font浏览器扩展插件属于生产工具分类。此应用程序可以在ChromeFK或Google Chrome网上应用商店进行下载。 ChromeFK上的所有插件扩展文件都是原始文件,并且 100% 安全,下载速度快。

Rendered Font插件描述

■使用方法

フォント判定したい文字列を選択し、右クリックで「Rendered Font」をクリック。
※選択文字列の最初の一文字が判定対象となります。

■ブラウザのフォント適用ロジックについて

フォントはfontfamilyに指定された順番で優先的に適用されます。また、フォントに該当の文字列が格納されていない場合は次の優先順位のフォントが適用され、いずれも適用できるフォントが無い場合はブラウザに設定されたデフォルトのフォントが適用されます。
つまり同じ文章でも一文字単位で違うフォントが適用される可能性があるため、フォント判定は任意の一文字を対象にする必要があります。

■フォントの判定プロセス(概要)

< 判定対象文字列の指定 >
1.ブラウザ上で判定対象となる文字列を選択し、右クリックで「Rendered Font」をクリック。選択文字列の最初の一文字が判定対象となります。

< fontfamilyの取得 >
2.文字列を格納するDOM要素を取得し、window.getComputedStyleで要素に指定されているfontfamilyを取得。

< 判定対象の文字列にfontfamily中のどのフォントが適用されているかを調べる >
3.テスト用DOM要素を作成し、判定対象の1文字を10個(任意)ほど格納する。
4.まずは2で取得したfontfamilyをそのまま適用したときの要素のwidthとheightを調べる
5.次にfontfamilyに設定されたフォント名をそれぞれ単独で適用したときのwidthとheightを調べ、4の値と比較し、値が一致したフォントが実際に適用されているフォントであると判定します。
                                

Rendered Font插件离线安装方法

1.首先用户点击谷歌浏览器右上角的自定义及控制按钮,在下拉框中选择设置。

2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入:chrome://extensions/

3.找到自己已经下载好的Chrome离线安装文件xxx.crx,然后将其从资源管理器中拖动到Chrome的扩展管理界面中,这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。

4.下载 Rendered FontChrome插件v0.0.1版本到本地。

5.勾选开发者模式,点击加载已解压的扩展程序,将文件夹选择即可安装插件。

注意:最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息,参照这篇文章即可解决

历史版本

(如何离线安装?)
版本号 文件大小 下载

Rendered-Font(0.0.1)

21.08KiB 城通网盘