Les polices web google ne fonctionnent pas sur un serveur Web

@font-face { 
    font-family: 'Open Sans'; 
    font-style: normal; 
    font-weight: 400; 
    src: local('Open Sans'), local('OpenSans'), url('cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff') format('woff'); 
} 

@font-face { 
    font-family: 'Open Sans'; 
    font-style: normal; 
    font-weight: 300; 
    src: local('Open Sans Light'), local('OpenSans-Light'), url('DXI1ORHCpsQm3Vp6mXoaTaRDOzjiPcYnFooOUGCOsRk.woff') format('woff'); 
}

J'ai téléchargé les polices à partir de l'adresse URL de Google css fournie afin que je puisse l'utiliser sans être en ligne. Le code fonctionne en cliquant sur le fichier .html et en l'ouvrant dans un navigateur. Cependant, lorsque je place tous mes fichiers sur un serveur web local cela ne fonctionne pas.Les polices web google ne fonctionnent pas sur un serveur Web

Des idées? Gardez à l'esprit, je ne serai pas connecté à Internet.

Source

2011-06-20 Adam

Avez-vous vos fichiers dans le même répertoire que vos fichiers CSS? Je me demande vraiment si Google a essayé un de ces hacks qu'ils utilisent pour empêcher les gens de télécharger des fichiers de polices ..? –

Adam il peut y avoir différentes raisons de ce comportement comme @Kyle suggéré

d'abord, je voudrais vérifier l'URL pour la police fichier résout correctement. De votre déclaration CSS ci-dessus, il semble que le navigateur s'attend à ce que le fichier soit présent dans le même répertoire où CSS existe

Deuxième et oui google peut-être ont bloqué leeching/téléchargement des fichiers. La seule façon de vérifier ceci est d'abord utiliser la police à charger depuis google service 'Notez la taille du fichier' puis téléchargez et vérifiez la taille. Si elles sont les mêmes, ils ne permettent télécharger

tiers WebFonts doivent être navigateur spécifique ici est l'explication de se

Lorsqu'un navigateur envoie une requête pour une feuille de style API police (comme spécifié dans une balise dans votre page Web), l'API Font sert une feuille de style générée pour l'agent utilisateur spécifique qui effectue la demande.

donc chaque fois que votre navigateur demande à la police que vous téléchargez en fait un petit extrait de CSS et la famille de polices du répertoire

Source

2011-07-29 05:27:18 Deeptechtons

Son étrange si la police fonctionne bien sur l'ordinateur en ouvrant le fichier html, mais pas avec l'hôte local. Êtes-vous sûr de copier tous les fichiers de polices et de les placer dans le même répertoire? Puisque le nom de fichier est si compliqué et long, peut-être que vous faites une erreur avec les noms? Utilisez-vous le même navigateur?

Et non, il n'y a rien comme Google ne permet pas de télécharger les fichiers. Juste pour m'assurer, j'ai téléchargé une police (GloriaHallelujah) à partir de polices google et testé avec le code suivant.

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <title>Google font test</title> 
    <style type="text/css" media="screen"> 
    @font-face { 
     font-family: GloriaHallelujah; 
     src: url('GloriaHallelujah.ttf'); 
     } 
    h1 { font-family: GloriaHallelujah, helvetica, arial; }  
    </style> 
</head> 
<body> 
    <h1> Hello World </h1> 
</body> 
</html>

Ce beau travail sur le bureau, ainsi que l'hôte local. Peut être vous pouvez télécharger la même police de here, placer dans le même répertoire et puis tester sur votre localhost et voir.

Source

2011-07-29 07:11:39 Roman

Sur mon serveur Windows 7 IIS, j'ai dû ajouter woff dans les types mime pour les faire fonctionner.

Source

2012-08-02 14:07:54 Matt

Les polices web google ne fonctionnent pas sur un serveur Web

Répondre

Questions connexes