登录 立即注册

首页 > 绿虎论坛 > 软件开发 > 编程语言 > HTML/CSS/JS (发帖)

标题: 纯前端获取本地已安装字体测试

作者: @Ta

时间: 11-07 09:38

点击: 1556

HTML代码


[隐藏样式|查看源码]


『回复列表(7|隐藏机器人聊天)』

1.

移动端浏览器都不支持Font Access API

(/@Ta/2025-11-07 09:44//)

2.

[html]标签的 sandbox iframe 里没有访问字体的权限,要测试可以前往这个页面:

https://hu60.cn/demo/local-fonts.html

(/@Ta/2025-11-07 15:05//)

3.

我已经加了allow="local-fonts"但没效果,谁知道怎么正确添加权限?

<iframe class="useriframe" id="user_iframe_1" srcdoc="嵌入的网页代码" seamless="seamless" width="100%" height="300" style="border: none" allow="fullscreen local-fonts" sandbox="allow-forms allow-orientation-lock allow-pointer-lock allow-popups allow-presentation allow-scripts"></iframe>
(/@Ta/2025-11-07 15:32//)

4.
@老虎会游泳,单独写allow="local-fonts"是可以的,但是allow="fullscreen local-fonts"不行。
(/@Ta/2025-11-07 15:45//)

5.
层主 @咯叽 于 2025-11-16 23:51 删除了该楼层。
(/@Ta/2025-11-07 17:06//
被锁定
)

6.

@残缘,我知道了,分隔符是分号,不是空格。这样就可以了:

<iframe class="useriframe" id="user_iframe_1" srcdoc="嵌入的网页代码" seamless="seamless" width="100%" height="300" style="border: none" allow="fullscreen; local-fonts" sandbox="allow-forms allow-orientation-lock allow-pointer-lock allow-popups allow-presentation allow-scripts"></iframe>

https://www.thewebmaster.com/html/attributes/allow/

<iframe src="[insert source]" allow="camera 'none'; microphone 'none'"></iframe>
(/@Ta/2025-11-07 21:09//)

7.

image.png(92.19 KB)

(/@Ta/2025-11-11 09:21//)

回复需要登录

11月24日 20:17 星期一

本站由hu60wap6驱动

备案号: 京ICP备18041936号-1