返回首页
最新
感谢您的反馈。
我正在构建一个具有无障碍功能的移动浏览器（基于webkit），其中包括一个选项，可以用OpenDyslexic字体覆盖页面字体。我尝试了以下所有变体：
```javascript
const style = document.createElement('style');
style.textContent = `
@font-face {
font-family: 'OpenDyslexic';
src: url('data:font/opentype;base64,...') format('opentype');
}
* { font-family: 'OpenDyslexic', sans-serif !important; }
`;
document.head.appendChild(style);
```
这段代码在其他地方都能正常工作。我从这个页面点击的每一个链接，找到的每一个90年代的网站都能正常显示，唯独在这里不行！
在HN（Hacker News）上，font-family的CSS确实应用了（我在检查器中可以看到，元素显示font-family: OpenDyslexic !important），但实际渲染的字体却回退到了sans-serif。@font-face确实在DOM中，base64也是有效的，这段代码在其他网站上都能正常工作。
我尝试了：使用blob URL而不是data URL，使用MutationObserver重新应用样式，针对特定元素（如font、td、table），设置setTimeout延迟等等，尝试了很多方法，但在HN上都没有效果。
HN的标记或头部是否有什么特别之处，导致@font-face静默失败？有没有人遇到过这个问题，或者知道可能发生的原因？内容安全策略和CORS似乎没有问题，因为base64在DOM中。我可能遗漏了什么？
你好，
我拥有认知神经科学和计算神经科学与人工智能的硕士学位。不幸的是，在医学院的第二年我经历了职业倦怠。
我有一个专注于生成人工智能（GenAI）、人工智能架构（AIarchitect）、智能代理（AIagentic）和机器学习运维（MLops）的培训项目。我正在寻找一位导师，讨论该培训内容的质量（自学后参加了三个训练营），考虑到以下因素：
- 我的年龄。
- 该项目所教授的技能与2027/2028年法国、瑞士和加拿大就业市场所需技能之间的匹配程度。
感谢您的关注和可能的帮助。
皮埃尔