WebSite X5Help Center

 
Klaus G.
Klaus G.
User

@font-face  de

Auteur : Klaus G.
Visité 1660, Followers 1, Partagé 0  

Hallo Gemeinde,

1. Ich suche einen Code als Stylesheet für Fonts dass diese im vorraus geladen werden.  ???

So etwa ???

@font-face {
  font-family: "Open Sans Regular"; "Open Sans Bold";
  font-weight: 400;  (???)
  font-style: normal;

  fontstyle: bold;
  src: url("style/fonts/OpenSans-Regular-BasicLatin.woff2") format("woff2"); format("woff"); format("eot"); format("svg"); format("ttf");
  font-display: swap;
}

Ich bin mir nicht ganz sicher ob es so passt.

2. Wie kann ich sowas (https://www.xxxxxxxxxx/testseite/images/Logo_0ia2s61q.svg) ins Browsercaching einbinden (generelle Beanstandung in https://seorch.de/). Ensteht wenn ich ein Logo in den Header einbinde, dabei werden für alle BreakPoints Kopien mit irgend einer Nummer generriert.

Gruß

MCMACMASTER

Posté le
9 RéPONSES
Andreas L.
Andreas L.
User

Wenn du Fonts via Google Fonts aus der Software herraus installierst am Anfang bekommest du auch den jeweiligen Code Snippet zum Eintragen.

Lire plus
Posté le de Andreas L.
Klaus G.
Klaus G.
User
Auteur

Scussi laughing

so wird es von seorch angezeigt

https://www.xxxxxx.xxx/testseite/images/Logo_0ia2s61q.svg

und mit dem Font-Face, habe ich es mal so gemacht. Werde es im laufe der Woche noch testen.

Und das für jeden Font in einer StyleSheet angelegt.

@font-face {font-family: "Open Sans";
  src: url("629a55a7e793da068dc580d184cc0e31.eot"); /* IE9*/
  src: url("629a55a7e793da068dc580d184cc0e31.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("629a55a7e793da068dc580d184cc0e31.woff2") format("woff2"), /* chrome、firefox */
  url("629a55a7e793da068dc580d184cc0e31.woff") format("woff"), /* chrome、firefox */
  url("629a55a7e793da068dc580d184cc0e31.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("629a55a7e793da068dc580d184cc0e31.svg#Open Sans") format("svg"); /* iOS 4.1- */
}

Danke cool

MCMACMASTER

Lire plus
Posté le de Klaus G.
Klaus G.
Klaus G.
User
Auteur

Hallo zusammen,

habe das mit @font-face jetzt so gelöst, werde es im laufe der Woche noch testen.

@font-face {font-family: "Open Sans";
  src: url("629a55a7e793da068dc580d184cc0e31.eot"); /* IE9*/
  src: url("629a55a7e793da068dc580d184cc0e31.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("629a55a7e793da068dc580d184cc0e31.woff2") format("woff2"), /* chrome、firefox */
  url("629a55a7e793da068dc580d184cc0e31.woff") format("woff"), /* chrome、firefox */
  url("629a55a7e793da068dc580d184cc0e31.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("629a55a7e793da068dc580d184cc0e31.svg#Open Sans") format("svg"); /* iOS 4.1- */
}

Und das für jeden Font in einer StyleSheet angelegt.

Hier nochmal das andere Problem mit dem Browser-Caching???

https://www.xxxxxxx.xxx/testseite/images/Logo_0ia2s61q.svg

Zum Beispiel ein Logo im Header bei 9 Breakpoints (wird dann so von WSX 5 angelegt).

Gruß

MCMACMASTER

Lire plus
Posté le de Klaus G.
Klaus G.
Klaus G.
User
Auteur

Hallo zusammen,

Hier nochmal das andere Problem mit dem Browser-Caching???

https://www.xxxxxxx.xxx/testseite/images/Logo_0ia2s61q.svg

Zum Beispiel ein Logo im Header bei 9 Breakpoints (wird dann so von WSX 5 angelegt).

Gruß

MCMACMASTER

P.S. Hbe gerade das Problem das hier nicht der ganze Beitrag angezeigt wird, immer nur ein Teil ???

Lire plus
Posté le de Klaus G.
Klaus G.
Klaus G.
User
Auteur

Hallo zusammen,

Hier nochmal das andere Problem mit dem Browser-Caching???

https://www.xxxxxxx.xxx/testseite/images/Logo_0ia2s61q.svg

Zum Beispiel ein Logo im Header bei 9 Breakpoints (wird dann so von WSX 5 angelegt).

Gruß

MCMACMASTER

P.S. Habe gerade das Problem das der Beitrag nur teilweise oder garnicht angezeigt wird.

Lire plus
Posté le de Klaus G.
Klaus G.
Klaus G.
User
Auteur

P.S. Habe gerade das Problem das der Beitrag nur teilweise oder garnicht angezeigt wird.

Lire plus
Posté le de Klaus G.
Klaus G.
Klaus G.
User
Auteur

Hallo zusammen,

Hier nochmal das andere Problem mit dem Browser-Caching???

https://www.xxxxxxx.xxx/testseite/images/Logo_0ia2s61q.svg

Zum Beispiel ein Logo im Header bei 9 Breakpoints (wird dann so von WSX 5 angelegt).


Gruß

MCMACMASTER

P.S. Habe gerade das Problem das der Beitrag nur teilweise oder garnicht angezeigt wird.

Lire plus
Posté le de Klaus G.
Andreas S.
Andreas S.
Moderator

Welcher Beitrag?

Was hat der Beitrag mit Browser Cachiong zutun?

Wo liegt das Problem bei der svg Grafik?

Lire plus
Posté le de Andreas S.
Klaus G.
Klaus G.
User
Auteur

Habe vielleicht die Lösung wegen dem Browsercaching gefunden ???

Im beigefügten Bild sieht man die Fehlermeldung.

Diese 2 Zeilen mit in die Access ein gefügt und getestet, momentan zeigt es keine Fehler wegen Browsercaching an.

ExpiresByType image/svg "access plus 14 days"
ExpiresByType image/svg+xml "access plus 14 days"

Gruß

MCMACMASTER

Lire plus
Posté le de Klaus G.