css - 使用 Bootstrap 更改移动站点中的字体

Question

我在 visual studio 2013 中使用 bootstrap3.3.4 创建一个新的 webform 应用程序，我删除了 Site.Mobile.Master 文件，以确保我的应用程序仅使用 Site.Master。我还更新了 site.css 以具有新的 webfont 样式。即 Roboto、Raleway...

@import url(http://fonts.googleapis.com/css?family=Roboto:500,300,400);
@import url(http://fonts.googleapis.com/css?family=Raleway:500,400,300);

.lightFont {
    font-family:"Raleway";
    font-weight:300;
}

假设我有 2 个 h2 标签，其中一个有 lightFont 类:

<h2>Default header</h2> 
<h2 class="lightFont>Light Font header</h2> 

我在电脑浏览器上打开页面，一切都很完美。一个普通表头，一个浅色表头

我的问题是，当我在手机上尝试时，无论样式如何，两个标题的字体都保持不变。看起来有一个专门的地方可以更改手机的字体。

那么，对于在何处定义要在移动设备上使用的字体有什么想法吗？

Answer 1

不确定您是否注意到了，您没有在 HTML 中正确关闭字符串。你写了 <h2 class="lightFont> , 但那应该是 <h2 class="lightFont"> .