代码之家  ›  专栏  ›  技术社区  ›  Renzo Calla

字体粗体不适用于@font face,chrome 72

  •  0
  • Renzo Calla  · 技术社区  · 5 年前

    在chrome 72(mac)中,字体粗体不起作用,在Safari和FF中,粗体按预期显示。

    /* latin */
    @font-face {
      font-family: 'Questrial';
      font-style: normal;
      font-weight: 400;
      src: local('Questrial'), local('Questrial-Regular'), url(https://fonts.gstatic.com/s/questrial/v8/QdVUSTchPBm7nuUeVf70viFluW44JQ.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    
    p ,strong {
    font-family:'Questrial';
    }
    <p>normal text</p>
    <strong>bold text</strong>

    enter image description here

    解决这个问题的方法是下载一个粗体的字体文件,并用@字体来设置它,不幸的是,在我的例子中,Questrial Bold不存在,还有其他方法来解决这个问题吗?

    0 回复  |  直到 5 年前