Verwenden von benutzerdefinierten Schriftarten, die auf AWS S3 auf einer WordPress-Site gehostet werden

Lesezeit: 2 Minuten

Benutzer-Avatar
PoKoBros

Ich habe Schriftarten von typography.com, die ich in die Produktion verschoben und in meinen AWS S3-Bucket hochgeladen habe, um sie auf meiner WordPress-Site zu verwenden. Ich habe alles getan, was typography.com mir gesagt hat, aber die Schriftarten werden immer noch nicht angezeigt. Hat das schon mal jemand durchgemacht und kann mich in die richtige Richtung weisen? Ich habe eine @import-Anweisung in style.css in meinem Design zu der URL hinzugefügt, die typography.com mir gegeben hat. Ich habe auch eine wp_enqueue-Funktion in der functions.php, die ich auf den S3-Server hochgeladen habe.

 add_action( 'wp_head', 'my_fonts' );
function my_fonts(){ ?>
<link rel="stylesheet" type="text/css" href="https://cloud.typography.com/7783912/761788/css/fonts.css">
<?php
}

Die Schriftarten werden immer noch nicht angezeigt. Was mache ich falsch?

  • was ist der inhalt von fonts_used.css, nach Ihrem Browser? (Und läuft das laut den Devtools Ihres Browsers auf Netzwerkprobleme hinaus?)

    – Mike „Pomax“ Kamermans

    21. Juli 2015 um 22:35 Uhr


  • @Mike’Pomax’Kamermans es ist der Link, den typography.com mir gegeben hat.

    – PoKoBros

    21. Juli 2015 um 22:37 Uhr

  • Ich habe den Code in meiner Frage aktualisiert.

    – PoKoBros

    21. Juli 2015 um 22:40 Uhr

  • Bleibt noch die Frage “Was ist der Browser eigentlich tut”. Ihr PHP sieht gut aus, aber PHP läuft auf dem Server, also schauen wir uns an, was der Browser tut: sehen Sie die <link> in der HTML-Quelle auftauchen, wenn Sie Ihre Seite im Browser laden? Wenn Sie dies tun, meldet der Browser Fehler in der Konsole und/oder dem Netzwerk-Tab, wenn Sie die Seite mit den Entwicklertools untersuchen? Wenn ich versuche, Ihren Link href zu öffnen, erhalte ich ein 403-Verbot, also nehme ich an, dass es sich um eine Domain-eingeschränkte handelt: Laden Sie es von der richtigen Domain?

    – Mike „Pomax“ Kamermans

    22. Juli 2015 um 5:02 Uhr

  • Es sieht nicht so aus, als wäre der Link in der HTML-Datei vorhanden. Ich habe gelesen, dass AWS Zeit braucht, um die Dateien zu aktualisieren, so dass möglicherweise das Problem besteht

    – PoKoBros

    22. Juli 2015 um 5:17 Uhr

Die richtige Methode zum Einbinden von Stylesheets ist die Verwendung wp_enqueue_style. Mit dieser Funktion können Sie diese Schriftart auch als Abhängigkeit für andere Stylesheets deklarieren. Sie sollten auch die verwenden 'wp_enqueue_scripts' Haken, im Gegensatz zu 'wp_head':

/**
 * Proper way to enqueue scripts and styles
 */
function theme_name_scripts() {
    wp_enqueue_style( 'typography', '//cloud.typography.com/7783912/761788/css/fonts.css' );
}
add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );

Wenn Sie zu diesem Zeitpunkt immer noch Probleme haben, vergewissern Sie sich, dass Sie über die erforderlichen Berechtigungen verfügen, um diese Datei vom Typografie-Cloud-Server abzurufen.

1205140cookie-checkVerwenden von benutzerdefinierten Schriftarten, die auf AWS S3 auf einer WordPress-Site gehostet werden

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy