在线托管时字体字体不起作用

问题描述

我正在使用 font-face 作为字体，当我将它上传到测试服务器时，它没有显示，也没有显示任何错误，所以无法弄清楚问题，谁能帮我弄清楚为什么不是显示？

我已经将字体上传到根 html 文件旁边的根

   <style>
      @font-face {
        font-family: 'Hanson';
        src: url('Hanson-Bold.ttf');
        src: url('Hanson-Bold.otf');
      }
      @font-face {
        font-family: 'vag';
        src: url('VAGRoundedBT-Regular.otf');
      }

      @font-face {
        font-family: 'Vagbold';
        src: url('VAGRoundedStd-Bold.otf');
  
      }

      @font-face {
        font-family: 'Vaglight';
        src: url('VAGRoundedStd-Light.ttf');
        src: url('VAGRoundedStd-Light.otf');
  
      }
      body {
        font-family: 'vag';
      }

解决方法

您可能需要修改您的 .htaccess 文件，添加以下几行：
AddType application/vnd.ms-fontobject eot
AddType font/opentype otf
AddType font/truetype ttf
AddType application/x-font-woff woff
还要确保文件是否存在且名称完全相同（区分大小写）