iOS: веб-шрифт отображается на домашней странице, но не на подстраницах

Я создаю новый веб-сайт для клиента здесь - встроенный веб-шрифт отлично отображается в Safari и Chrome (MacOS) ... но только на домашней странице под iOS. На подстраницах в iOS по умолчанию используется Times Roman. Файлы веб-шрифтов находятся в корне.

В тупике. Любая помощь? Вот мой 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%;
}


person Dave Stolte    schedule 16.11.2015    source источник


Ответы (1)


Посмотри на своего инспектора. Файлы шрифтов расположены в корне, но их ищут (а не находят) в подкаталоге.

Не удалось загрузить ресурс: сервер ответил статусом 404 (не найден) http://www.damonsglendale.com/new/lunch/webfonts/2FAB2F_0_0.ttf

Вместо того, чтобы ссылаться на них относительно, вы можете решить эту проблему, указав весь путь.

person Chris Droukas    schedule 16.11.2015
comment
Спасибо! Я попробую. - person Dave Stolte; 17.11.2015