vue项目在生产环境请求ttf文件如果不将ttf文件打包到项目中如何使用缓存并使用font-face方式加载字体

可以使用CDN链接加载字体文件，同时在服务器端设置字体文件的缓存策略，让浏览器在第一次请求时将字体文件缓存下来，以后再请求时直接使用缓存，从而提高加载速度。

在@font-face中可以使用CDN链接来指定字体文件的路径，例如：

@font-face {
  font-family: 'MyFont';
  src: url('https://cdn.example.com/fonts/MyFont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

在服务器端可以设置字体文件的缓存策略，例如在Nginx中可以添加以下配置：

location /fonts {
  expires 1y;
  add_header Cache-Control "public";
}

这样浏览器在请求字体文件时会将其缓存一年，以后再请求时直接使用缓存，从而提高加载速度。