Vue.js应用中的CSS : Safari和火狐没有加载谷歌字体

在Vue.js应用中，如果Safari和火狐浏览器没有加载谷歌字体，可能是由于以下原因：

1. 浏览器兼容性：不同浏览器对字体的支持程度不同，可能会导致某些浏览器无法加载谷歌字体。在Vue.js应用中，可以通过使用CSS的@font-face规则来定义字体，并在样式中引用该字体，以确保在各种浏览器中都能正确加载字体。
2. 跨域资源共享（CORS）问题：如果谷歌字体文件存储在不同的域名下，并且没有进行跨域资源共享的配置，那么在某些浏览器中可能无法加载字体。解决方法是在服务器端进行CORS配置，允许跨域请求字体文件。
3. 字体文件路径错误：在Vue.js应用中，如果字体文件的路径配置错误，或者字体文件不存在，那么浏览器就无法加载字体。确保字体文件的路径正确，并且字体文件存在于指定的路径下。

为了解决Safari和火狐浏览器没有加载谷歌字体的问题，可以采取以下措施：

1. 使用@font-face规则定义字体，并在样式中引用该字体。可以参考Vue.js官方文档中关于@font-face的用法，链接地址：https://vuejs.org/v2/guide/class-and-style.html#Using-Inline-Styles
2. 确保字体文件的路径正确，并且字体文件存在于指定的路径下。可以通过检查字体文件的路径配置和文件是否存在来解决该问题。
3. 如果字体文件存储在不同的域名下，需要在服务器端进行CORS配置，允许跨域请求字体文件。具体的CORS配置方法可以参考Vue.js官方文档中关于跨域资源共享的说明，链接地址：https://vuejs.org/v2/cookbook/using-axios-to-consume-apis.html#CORS

总结：在Vue.js应用中，如果Safari和火狐浏览器没有加载谷歌字体，可以通过使用@font-face规则定义字体，并在样式中引用该字体来解决该问题。同时，确保字体文件的路径正确，并且字体文件存在于指定的路径下。如果字体文件存储在不同的域名下，需要在服务器端进行CORS配置，允许跨域请求字体文件。