我主持一個主題上GitHub pages不適用,這個主題在localhost
環境中正常工作,但是當我舉辦這次它沒有采用正確的字體被這裏導入表單谷歌API導入谷歌API的字體在GitHub的頁面
差異
本地主機版
Githhub網頁版
這是我
Index.html
頁
<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no;">
<title>Sample Name</title>
<!--(b) CSS Stylesheets -->
<!-- Bootstrap -->
<link type="text/css" rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<!-- Library -->
<link type="text/css" rel="stylesheet" href="library/font-awesome/css/font-awesome.min.css">
<link type="text/css" rel="stylesheet" href="library/popup/popup.css">
<link type="text/css" rel="stylesheet" href="library/owl-carousel/owl.carousel.css">
<link type="text/css" rel="stylesheet" href="library/owl-carousel/owl.theme.css">
<!-- STYLE Sheets -->
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/responsive.css">
<!--(c) Javascript For Browser Support Issues -->
<script type="text/javascript" src="library/modernizr/modernizr.js"></script>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="library/jquery-easing/jquery.easing.min.js"></script>
<script type="text/javascript" src="library/easy-pie-charts/jquery.easypiechart.min.js"></script>
<script type="text/javascript" src="library/mixitup/jquery.mixitup.min.js"></script>
<script type="text/javascript" src="library/popup/jquery.popup.min.js"></script>
<script type="text/javascript" src="library/owl-carousel/owl.carousel.min.js"></script>
<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript" src="library/gMap/jquery.gmap.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>
當我調試這個使用Firebug我看到了主題字體從谷歌API的字體渲染,如style.css
文件以下
@import url(http://fonts.googleapis.com/css?family=Hind:300,500);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic);
#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #1a1b23;
z-index: 10000;
}
.loader { ...
那麼我能做什麼這裏
你檢查控制檯? – PeeHaa