bin am Verzweifeln, was das lokale Einbinden der Google Fonts angeht.
In meinem "Live"-Forum (3.3.3) ist alles fein, die Schriften sind lokal gespeichert, die "common.css" entsprechend ergänzt und der "Font-Checker" gibt "grünes Licht".
Für das Update auf die 3.3.8 habe ich mein Forum auf eine Sub-Domain kopiert, dort alle notwendigen Anpassungen vorgenommen und das Update auf die 3.3.8 gemacht. Seit dem schaffe ich es nicht mehr, alle notwendigen Google-Schriften lokal einzubetten.
Als Style habe ich "Renegade" (im Live-Forum noch "H2O") von Themeforest.
Was ich gemacht habe:
Die Schriftfamilien "Roboto" (v30) und "Rajdhani" (v15) mit allen Schriftgrößen in folgende Verzeichnisse hochladen:
/public_html/phpBB3/fonts/rajdhani-v15-latin
/public_html/phpBB3/fonts/roboto-v30-latin
In die Datei /public_html/phpBB3/styles/Renegade/theme/common.css an den Anfang einfügen:
Code: Alles auswählen
/* roboto-100 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: url('../fonts/roboto-v30-latin-100.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/roboto-v30-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-v30-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-v30-latin-100.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-v30-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-v30-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-100italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 100;
src: url('../fonts/roboto-v30-latin-100italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/roboto-v30-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-v30-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-v30-latin-100italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-v30-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-v30-latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url('../fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 300;
src: url('../fonts/roboto-v30-latin-300italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/roboto-v30-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-v30-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-v30-latin-300italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-v30-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-v30-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
src: url('../fonts/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-v30-latin-italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url('../fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
src: url('../fonts/roboto-v30-latin-500italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/roboto-v30-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-v30-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-v30-latin-500italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-v30-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-v30-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url('../fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
src: url('../fonts/roboto-v30-latin-700italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/roboto-v30-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-v30-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-v30-latin-700italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-v30-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-v30-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
src: url('../fonts/roboto-v30-latin-900.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/roboto-v30-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-v30-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-v30-latin-900.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-v30-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-v30-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 900;
src: url('../fonts/roboto-v30-latin-900italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/roboto-v30-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-v30-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-v30-latin-900italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-v30-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-v30-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* rajdhani-300 - latin */
@font-face {
font-family: 'Rajdhani';
font-style: normal;
font-weight: 300;
src: url('../fonts/rajdhani-v15-latin-300.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/rajdhani-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/rajdhani-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/rajdhani-v15-latin-300.woff') format('woff'), /* Modern Browsers */
url('../fonts/rajdhani-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/rajdhani-v15-latin-300.svg#Rajdhani') format('svg'); /* Legacy iOS */
}
/* rajdhani-regular - latin */
@font-face {
font-family: 'Rajdhani';
font-style: normal;
font-weight: 400;
src: url('../fonts/rajdhani-v15-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/rajdhani-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/rajdhani-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/rajdhani-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/rajdhani-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/rajdhani-v15-latin-regular.svg#Rajdhani') format('svg'); /* Legacy iOS */
}
/* rajdhani-500 - latin */
@font-face {
font-family: 'Rajdhani';
font-style: normal;
font-weight: 500;
src: url('../fonts/rajdhani-v15-latin-500.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/rajdhani-v15-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/rajdhani-v15-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/rajdhani-v15-latin-500.woff') format('woff'), /* Modern Browsers */
url('../fonts/rajdhani-v15-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/rajdhani-v15-latin-500.svg#Rajdhani') format('svg'); /* Legacy iOS */
}
/* rajdhani-600 - latin */
@font-face {
font-family: 'Rajdhani';
font-style: normal;
font-weight: 600;
src: url('../fonts/rajdhani-v15-latin-600.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/rajdhani-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/rajdhani-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/rajdhani-v15-latin-600.woff') format('woff'), /* Modern Browsers */
url('../fonts/rajdhani-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/rajdhani-v15-latin-600.svg#Rajdhani') format('svg'); /* Legacy iOS */
}
/* rajdhani-700 - latin */
@font-face {
font-family: 'Rajdhani';
font-style: normal;
font-weight: 700;
src: url('../fonts/rajdhani-v15-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/rajdhani-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/rajdhani-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/rajdhani-v15-latin-700.woff') format('woff'), /* Modern Browsers */
url('../fonts/rajdhani-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/rajdhani-v15-latin-700.svg#Rajdhani') format('svg'); /* Legacy iOS */
}
Das ganze auch noch sicherheitshalber in die prosilver-common.css eingebaut. Und mal zur Sicherheit auch die ganzen Erweiterungen deaktiviert.
Und trotzdem mecker der Font-Checker ständig, dass noch Schriften nachgeladen werden. Sieht man natürlich auch im Quellcode der Seite.
Ergebnis Font-Checker:
Code: Alles auswählen
Nachladende Schriftarten gefunden!
Leider haben wir auf deiner Webseite Schriftarten gefunden, die von Google nachgeladen werden. Wir empfehlen die Schriftarten so einzubinden, dass sie direkt von deiner Webseite ausgeliefert werden (lokale Speicherung).
Details:
Anzahl der Verbindungen: 6
Auflistung der Aufrufe:
Stylesheet: https://fonts.googleapis.com/css?family=rajdhani:400,600,700|roboto:300,400,700&display=swap
Font:
https://fonts.gstatic.com/s/roboto/v30/kfolcnqeu92fr1mmwulfbbc4amp6lq.woff2
https://fonts.gstatic.com/s/roboto/v30/kfomcnqeu92fr1mu4mxkktu1kg.woff2
https://fonts.gstatic.com/s/rajdhani/v15/ldi2apcsobg7s-qt7pa8fvoreefkkbix.woff2
https://fonts.gstatic.com/s/rajdhani/v15/ldixapcsobg7s-qt7p4hm-agw-ro.woff2
https://fonts.gstatic.com/s/rajdhani/v15/ldi2apcsobg7s-qt7pbyf_oreefkkbix.woff2

Seite: https://snp-update.stellanebula-forum.de/index.php