Chromebook端Chrome中fa-sticky-note-o图标在em标签不显示问题

• 强制刷新缓存重载CSS
  在Chromebook上打开Marlin文档页面后：

  1. 按下 Ctrl + Shift + R 强制刷新页面，这会跳过本地缓存，重新加载包括fontawesome.min.css在内的所有资源
  2. 若无效，打开开发者工具（Ctrl + Shift + I），切换到Network面板，勾选「Disable cache」选项后再刷新页面，确保加载最新的CSS文件

• 临时替换图标实现方式
  既然字符编码能正常显示，可通过浏览器开发者工具临时修改页面元素：

  1. 右键点击不显示的图标，选择「检查」
  2. 在Elements面板里，把<em class="fa fa-sticky-note-o" aria-hidden="true"></em>替换为<em class="fa" aria-hidden="true">&#xf24a;</em>
  3. 这个修改仅在当前页面会话生效，刷新后会还原，但能临时解决查看文档的需求

• 验证CSS文件完整性
  打开开发者工具的Sources面板，找到fontawesome.min.css并搜索.fa-sticky-note-o：

  1. 如果搜不到该类定义，说明CSS文件确实缺失了这个图标的规则，强制刷新仍无效的话，属于官方页面资源问题，你只能用字符编码的临时方案
  2. 如果能搜到，那大概率是Chromebook的字体渲染异常，试试重启浏览器或设备后再访问页面

内容的提问来源于stack exchange，提问作者John Lind