chargement police lentement dans l'application Rails. Pourquoi cela arrive-t-il?

voix
0

J'ai une police personnalisée dans mon app/assets/fontsdossier , mais sur la production, la police est des boutons chargement laissant lentement vide avant la police rend comme ceci:

entrez

puis au bout de 3 secondes, ceci:

entrez

Que se passe-t-il? Que puis-je faire?

mon css ressemble à ceci:

@font-face {
  font-family: 'Reckless-Medium';
  src: font-url('Reckless-Medium.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

$reckless-medium: 'Reckless-Medium';

et ça:

.btn {
    display: inline-block;
    font-size: 15px;
    font-family: $reckless-medium;

Pourquoi rails font une demande de get pour obtenir la police?

Started GET /assets/Reckless-Medium.otf for 127.0.0.1 at 2018-10-19 00:53:29 -0400

La police se trouve sur un autre serveur?

Créé 20/10/2018 à 02:58
source utilisateur
Dans d'autres langues...                            


1 réponses

voix
0

Pourquoi les rails font une demande GET pour obtenir la police?

Parce que vous dites il le fait. font-url('Reckless-Medium.otf')par la suite les commandes du navigateur du client pour télécharger la police de votre serveur Web.

La police se trouve sur un autre serveur?

Pas certain. Comme je vois la police que vous utilisez est personnalisé. Je l' ai trouvé sur https://befonts.com/reckless-font.html . Pour un chargement rapide, il pourrait être téléchargé sur certains serveurs CDN, de Google ou CloudFlare par exemple, et un lien fixe à télécharger à partir de là. Mais il est trop nouveau, il est donc peu probable que la police est assez populaire majors CDN accepté à leurs entrepôts.

Pour rendre les polices (et tout le contenu statique) pour charger plus rapidement , vous pouvez déplacer vos fichiers statiques à un service CDN. Par exemple, vérifiez https://www.cloudflare.com/ en option.

Créé 20/10/2018 à 04:38
source utilisateur

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more