css 如何使谷歌字体在手机上可见?

2ic8powd  于 2022-12-01  发布在  其他
关注(0)|答案(2)|浏览(240)

我正在开发一个作品集,我在其中使用了谷歌字体。但是我无法在手机上显示它。请找到作品集here您可以在下面找到head标签

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Courgette&family=Poppins:wght@300&display=swap"
    rel="stylesheet
im9ewurl

im9ewurl1#

在某些媒体查询中,您将.d-none设置为display: none !important;,这就是文本在较小屏幕上消失的原因

dz6r00yl

dz6r00yl2#

有时链接标签在移动浏览器上不起作用。最好使用CSS导入:

<style>

      @import url('https://fonts.googleapis.com/css2? 
      family=Courgette&family=Poppins:ital,wght@0,100;0,200;0
     ,300;0,400;0,500;0,600;1,100;1,200;1,300;1,400;1,500&
      display=swap');
    
   </style>

相关问题