Schriftart fehlt in lokalem Ordner

Wirklich tolle Backrezepte und wunderbare Food Fotos hast du.

Bei umständlichen Suchen oder komplizierten Sachen verwende ich zurzeit bevorzugt einen intelligenten Agenten. oder hier die Bing KI.

hier die Antwort von Bing

8<-

Um die folgenden Fonts herunterzuladen, können Sie verschiedene Quellen nutzen. Hier sind einige Möglichkeiten, wie Sie sie finden können:

- raleway-v17-latin-ext_latin-700: Dieser Font ist eine Variante von Raleway, einer eleganten Sans-Serif-Schriftfamilie, die von Google Fonts angeboten wird¹. Sie können diesen Font direkt von Google Fonts herunterladen, indem Sie die gewünschte Schriftstärke (700) und Sprachunterstützung (Latin Extended) auswählen und dann auf den Download-Button klicken. Sie können auch das npm-Paket @fontsource/raleway installieren, das alle Varianten von Raleway enthält³.
- source-sans-pro-v13-latin-ext_latin-regular: Dieser Font ist eine Variante von Source Sans Pro, einer professionellen Sans-Serif-Schriftfamilie, die auch von Google Fonts angeboten wird. Sie können diesen Font ebenfalls direkt von Google Fonts herunterladen, indem Sie die gewünschte Schriftstärke (Regular) und Sprachunterstützung (Latin Extended) auswählen und dann auf den Download-Button klicken. Sie können auch das npm-Paket @fontsource/source-sans-pro installieren, das alle Varianten von Source Sans Pro enthält.
- pt-serif-v11-latin-ext_latin-regular: Dieser Font ist eine Variante von PT Serif, einer klassischen Serifen-Schriftfamilie, die ebenfalls von Google Fonts angeboten wird. Sie können diesen Font auch direkt von Google Fonts herunterladen, indem Sie die gewünschte Schriftstärke (Regular) und Sprachunterstützung (Latin Extended) auswählen und dann auf den Download-Button klicken. Sie können auch das npm-Paket @fontsource/pt-serif installieren, das alle Varianten von PT Serif enthält.
- pt-serif-v11-latin-ext_latin-700italic: Dieser Font ist eine weitere Variante von PT Serif, die eine kursiv gestellte Schriftstärke (700) hat. Sie können diesen Font auch direkt von Google Fonts herunterladen, indem Sie die gewünschte Schriftstärke (700 Italic) und Sprachunterstützung (Latin Extended) auswählen und dann auf den Download-Button klicken. Sie können auch das npm-Paket @fontsource/pt-serif installieren, das alle Varianten von PT Serif enthält.

Ich hoffe, das beantwortet Ihre Frage. Wenn Sie weitere Hilfe benötigen, lassen Sie es mich bitte wissen.

¹: [Raleway - Google Fonts](https://fonts.google.com/specimen/Raleway)
²: [Raleway - Meissner Formentechnologie](https://www.meissner-formentechnologie.com/de/jupiterx-fonts/raleway/)
³: [@fontsource/raleway - npm](https://www.npmjs.com/package/@fontsource/raleway)
: [Source Sans Pro - Google Fonts](https://fonts.google.com/specimen/Source+Sans+Pro)
: [@fontsource/source-sans-pro - npm](https://www.npmjs.com/package/@fontsource/source-sans-pro)
: [PT Serif - Google Fonts](https://fonts.google.com/specimen/PT+Serif)
: [@fontsource/pt-serif - npm](https://www.npmjs.com/package/@fontsource/pt-serif)

Quelle: Unterhaltung mit Bing, 8.7.2023
(1) Raleway - Google Fonts. https://fonts.google.com/specimen/Raleway.
(2) @fontsource/raleway - npm. https://www.npmjs.com/package/@fontsource/raleway.
(3) Raleway - Meissner Formentechnologie. https://www.meissner-formentechnologie.com/de/jupiterx-fonts/raleway/.

Die Schriftarten findet man bei Google Fonts. Hier gibt es ein Tool mit dessen Hilfe man die Dateien und auch den benötigten CSS-Code zur Einbindung sich zusammenstellen lassen kann: https://gwfh.mranftl.com/fonts - du müsstest die Schriften auf dem Weg neu einbinden.

Übrigens ist deine Seite datenschutzrechtlich schwierig. Beim Laden der Seite werden unzählige externe Dateien geladen. Das ist nach aktueller Rechtssprechung in Deutschland ungünstig. Dir fehlt zudem ein notwendiges Cookie Consent Tool. Informiere dich am besten mal dazu, z.B. hier: https://www.ihk.de/regensburg/fac…-ds-gvo-4158848

Source Sans Pro finde ich z.B. hier: https://www.heise.de/download/product/source-sans-pro-87856

Die V11 und so sind Versionsangaben. Ich nehm einfach immer die neueste.

Zitat von Tiolen

Diese unterscheiden sich aber nicht grundlegend voneinander Weisst du das zufällig auch? :)

Wenn dann in Nuancen. Hier mal ein Pixel mehr, da mal einer weniger.

Zitat

Der Test zeigt, dass die Abfrage immer noch startet. Was mache ich falsch.

Du müsstest die alte Einbindung natürlich entfernen. Wie das geht hängt davon ab wie es implementiert ist. Wenn das über dein Theme passiert, dann solltest Du deren Support dazu fragen. Du nutzt ein kommerzielles Theme bei dem Du Support mitgebucht hast: https://themeforest.net/item/soledad-m…-theme/12945398

Evtl. hat das Cache löschen doch geholfen, die o.g. Schriftart [FONT=Courier New]pt-serif.. [/FONT]wird jetzt lt. Waterfall nicht mehr eingebunden bzw. nicht mehr als fehlend angezeigt.

Generell: Immer alle Cache- und Optimierungs-Mechanismen deaktivieren, wenn man auf der Suche nach Darstellungsproblemen ist.

Zitat von Tiolen

.: in GTMetrix.
sieht man das ja sofort in Pagespeed, Lighthouse etc

Wenn man es sofort in Pagespeed, Lighthouse sieht - sollte man es auch sofort in GTMetrix sehen.

Wenn man etwas an der Seite ändert (Schriftart zum Beispiel) muss man vermutlich eben per Hand den Server seitigen Cache löschen. dies wird vermutlich bei der Aktivierung von "Lazyload" eben gemacht...