Question

我们正在开发一个包含MVC4和Jquery Mobile的网络应用。一切正常，但我们决定使用谷歌字体而不是普通字体。

在IE浏览器的开发中运行良好但是当我们在公共网址中部署生产时，用户正在＆＃34;只显示安全内容＆＃34; 仅在IE浏览器中。请指导我。以下是我的代码。

<head>
    <title>@ViewBag.Title - Highway905 Mobile App</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
</head>

Answer 1

这是因为当浏览器期望它们时，字体的CDN链接不安全。只需更改＆＃34; http＆＃34;到＆＃34; https＆＃34;所以它看起来像这样：

<link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet'    type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>

编辑：当你进入它时，你应该只通过将所有请求放入一个URL来对字体提出一个请求。

<link href='https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed|Oswald' rel='stylesheet' type='text/css'>

Answer 2

您还可以链接空样式表

<link href="/Content/empty.css" rel="stylesheet"/>

css文件中只有一行

@import url("//fonts.googleapis.com/css?family=Oswal");

@import语句必须是你的css中的第一行。上面没有评论或任何其他样式设置。

由于导入网址未指定是否应使用http或https，因此在使用http时将通过http加载extrenal css;使用https时将通过https加载

添加谷歌字体API后，只显示安全内容

2 个答案: