wenn ich das verwende, was überall empfohlen wird - mit CDN Anhang für "Font Awesome" jedes Mal flackern "auf Seite laden".Wie lösen flackernde Schrift Awesome Icons?
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet" />
Q Wie verhindern Sie Flackern?
In meiner Lösung herunterladen I Font-Ressourcen auf Server
Aber auch als noch passiert - Chrome und Firefox auch.
Dafür gibt es die Schriftart "woff2". Ich füge neue Handler Webserver:
für #iis
C:\Program Files\IIS Express\AppServer\applicationhost.config
<mimeMap fileExtension=".woff2" mimeType="application/font-woff" />
hinzufügen und für #nginx add (wie Mime type for WOFF fonts?)
/etc/nginx/mime.types || or /usr/local/nginx/conf/mime.types
application/font-woff woff2;
Jetzt Schriftart Icons schnell geladen werden wie Bilder.
Ich hoffe, das hilft jemandem.
war meine Lösung @font-face direkt im <head> Tag hinzuzufügen:
<!DOCTYPE html>
<html lang="en">
<head>
<style name="FontAwesome">
@font-face {
font-family: 'FontAwesome';
src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/fonts/fontawesome-webfont.eot');
src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/fonts/fontawesome-webfont.woff2') format('woff2'),
url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/fonts/fontawesome-webfont.woff') format('woff'),
url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/fonts/fontawesome-webfont.ttf') format('truetype'),
url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/fonts/fontawesome-webfont.svg?#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
</style>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css}" rel="stylesheet">
Das, was in Youtube und anderen Websites Google tun
ich das gleiche Problem hatte und es schien, dass ich die FontAwesome aufgenommen haben Stylesheet zweimal und nach dem Entfernen eines von ihnen war das Problem weg.
ja, weil Sie es auf Shared Hosting tun können. Falsche Antwort. Wer interessiert sich für locahost – Grasper
@Grasper Diese Lösung ist für eine Umgebung nicht alle. Ich baue ausschließlich auf Systemen mit voller Kontrolle. –
Wie ist es nützlich, wenn nur Sie darauf zugreifen können? Es sei denn, Sie haben Ihre eigenen Server, auf denen Sie Ihr Web hosten. – Grasper