iOS:Webfont显示在主页上,但不显示在子页面上

时间:2015-11-16 19:38:09

标签: ios webfonts

我正在为客户here建立一个新网站 - 嵌入式webfont在Safari& amp; Chrome(MacOS)...但仅限于iOS下的主页。在iOS中的子页面中,默认为Times Roman。 webfont文件位于根目录中。

难住了。有帮助吗?这是我的CSS:

/**
 * @license
 * MyFonts Webfont Build ID 3124015, 2015-11-11T18:29:33-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Tiki-Solid by Pelavin Fonts
 * URL: http://www.myfonts.com/fonts/pelavin/tiki/solid/
 * 
 * Webfont: Tiki by Pelavin Fonts
 * URL: http://www.myfonts.com/fonts/pelavin/tiki/regular/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=*******
 * Licensed pageviews: 10,000
 * Webfonts copyright: Copyright (c) 2011 by Daniel Pelavin. All rights reserved.
 * 
 * © 2015 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2fab2f");

  
@font-face {font-family: 'Tiki-Solid';src: url('webfonts/2FAB2F_0_0.eot');src: url('webfonts/2FAB2F_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2FAB2F_0_0.woff2') format('woff2'),url('webfonts/2FAB2F_0_0.woff') format('woff'),url('webfonts/2FAB2F_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Tiki';src: url('webfonts/2FAB2F_1_0.eot');src: url('webfonts/2FAB2F_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2FAB2F_1_0.woff2') format('woff2'),url('webfonts/2FAB2F_1_0.woff') format('woff'),url('webfonts/2FAB2F_1_0.ttf') format('truetype');}
h1, h2, h3, h4, h5, h6 { 
	font-family: Tiki-Solid; 
	font-weight: normal; 
	font-style: normal; 
}
h1, h2, h3, h4, h5, h6 {
    letter-spacing: 4px;
      line-height: 80%;
}

1 个答案:

答案 0 :(得分:0)

看看你的检查员。字体文件位于根目录中,但它们在子目录中被查找(并且未找到)。

  

无法加载资源:服务器响应状态为404(未找到)   http://www.damonsglendale.com/new/lunch/webfonts/2FAB2F_0_0.ttf

您可以通过指定整个路径来解决此问题,而不是相对引用它们。