使用 expo google 字体通过 https 加载时，我的本机反应网站会发出多个混合内容警告

Question

我正在开发一个使用 React Native 编码的网站。我决定使用一些谷歌字体，因为它们很容易实现。一切正常，直到我开始使用 Traefik 作为我网站的反向代理，并且我决定使用 https 确保它的安全。唯一的问题是，现在当它加载时，它会针对不安全的字体抛出 15 条混合内容警告。

这就是我将字体加载到我的应用程序中的方式......

import {

    useFonts,

    Pacifico_400Regular,

    ComicNeue_400Regular,

    JosefinSans_400Regular,

    BalsamiqSans_400Regular,

    Inconsolata_400Regular,

} from '@expo-google-fonts/dev';

import { AppLoading } from 'expo';

function BodyText(props) {

    let [fontsLoaded] = useFonts({

        Pacifico_400Regular,

        ComicNeue_400Regular,

        JosefinSans_400Regular,

        BalsamiqSans_400Regular,

        Inconsolata_400Regular,

    });

这是我得到的错误...

混合内容：'' 的页面是通过 HTTPS 加载的，但请求了不安全的字体''。此请求已被阻止；内容必须通过 HTTPS 提供。

我不确定如何解决此问题，因为没有隐式引用http我可以更改为https。

编辑：

感谢Emanuele Scarabattoli解决了问题

我将上面的代码更改为

import { useFonts, Pacifico_400Regular } from '@expo-google-fonts/pacifico';

import { ComicNeue_400Regular } from '@expo-google-fonts/comic-neue';

import { JosefinSans_400Regular } from '@expo-google-fonts/josefin-sans';

import { BalsamiqSans_400Regular } from '@expo-google-fonts/balsamiq-sans';

import { Inconsolata_400Regular } from '@expo-google-fonts/inconsolata';

这些是生产进口。非常感谢你的帮助！

Answer 1

问题似乎与包本身有关@expo-google-fonts/dev，特别是与此文件有关：https://github.com/expo/google-fonts/blob/master/font-packages/dev/index.js如您所见，所有字体都加载HTTP到HTTPS.您应该考虑改用 use @expo-google-fonts/inter：https://github.com/expo/google-fonts#usage或者考虑在这里看看：https://docs.expo.io/guides/using-custom-fonts/