使用Typekit

时间:2015-10-16 07:54:57

标签: javascript html css google-chrome typekit

我在Linux上的Chrome版本46.0.2490.71(64位)中似乎有一个相当奇怪的错误,仅适用于我正在构建的特定网站。任何列表元素(如<ul><ol>)都会显示其项目而不显示任何项目符号。如果我以任何方式更改元素的渲染 - 比如用鼠标选择它 - 子弹点会返回,但这必须在每次加载页面后完成。

我已经禁用了所有自定义CSS / Sass,并且可以确认问题仍然存在。禁用JavaScript修复了此问题,但代价是还删除了我的自定义字体。我通过TypeKit将Futura PT导入页面,这意味着JavaScript代码段会加载自定义字体后加载。没有它,列表显示正常。

我确信这是一个错误,因为如果您在开发者工具中更改列表CSS,或者只是拖动选择项目,则子弹重新出现。但是,我想知道是否有某种解决方法。

列表本身很普通:

<ul>
  <li>List level 1</li>
  <li>List level 1
    <ul>
      <li>List level 2</li>
      <li>List level 2
        <ul>
          <li>List level 3</li>
          <li>List level 3</li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

这是一系列详细说明问题的截图。

  

1)禁用JavaScript:没有TypeKit。列表加载很好。

JavaScript disabled: no TypeKit. List loads fine.

  

2)启用JavaScript:TypeKit启动。列表没有项目符号。

JavaScript enabled: TypeKit kicks in. List has no bullets.

  

3)选择一些列表项只会显示这些项目的项目符号。

Selecting a few list items reveals bullets for those items only.

  

4)与上述相同,选择后。

Same as above, after the selection.

0 个答案:

没有答案