Tagged: Google Fonts Toggle Comment Threads | Keyboard Shortcuts

  • Mario472 3:37 pm on May 4, 2017 Permalink | | Flag unresolved

      Tags: , , Google Fonts   

      Dorayaki: Google Fonts via Child-Theme will nicht klappen 

      Hallo zusammen.
      Ich möchte im Dorayaki-Theme andere Google Fonts nutzen. Hierzu habe ich mir ein Child-Theme angelegt, was auch für andere Anpassungen ganz gut funktioniert. Zur Einbindung ‘meiner’ Google Fonts füge ich folgenden Code (aus Ellens Anleitungen) in die functions.php meines Child-Themes ein:
      /*-----------------------------------------------------------------------------------*/
      /* Load 2 Google Fonts
      /*-----------------------------------------------------------------------------------*/
      function dorayaki_fonts_url() {
      $fonts_url = '';

      /* Translators: If there are characters in your language that are not
      * supported by PT Sans or Raleway translate this to 'off'. Do not translate
      * into your own language.
      */
      $pt_sans = _x( 'on', 'PT Sans font: on or off', 'dorayaki' );

      $raleway = _x( 'on', 'Raleway font: on or off', 'dorayaki' );

      if ( 'off' !== $pt_sans || 'off' !== $raleway ) {
      $font_families = array();

      if ( 'off' !== $pt_sans )
      $font_families[] = 'PT Sans:400,700';

      if ( 'off' !== $raleway )
      $font_families[] = 'Raleway:400,900';

      $query_args = array(
      'family' => urlencode( implode( '|', $font_families ) ),
      'subset' => urlencode( 'latin,latin-ext' ),
      );
      $fonts_url = add_query_arg( $query_args, "//fonts.googleapis.com/css" );
      }

      return $fonts_url;
      }

      /*-----------------------------------------------------------------------------------*/
      /* Enque the Google Fonts
      /*-----------------------------------------------------------------------------------*/
      function dorayaki_scripts_styles() {
      wp_enqueue_style( 'dorayaki-fonts', dorayaki_fonts_url(), array(), null );
      }
      add_action( 'wp_enqueue_scripts', 'dorayaki_scripts_styles' );

      Sobald ich dann jedoch auf ‘Datei aktualisieren’ klicke, erhalte ich nur noch eine weiße Seite, egal ob ich den Abschnitt ‘Enque…’ einfüge oder nicht – und dann muss ich das Backup meiner functions.php wiederherstellen damit es wieder läuft (ohne die gewünschten Google Fonts).
      Was mache ich falsch? Ich sehe wahrscheinlich im Moment vor lauter Bäumen den Wald nicht mehr.

      Verweise auf Plugins bringen mich leider nicht weiter, sorry.

       
      • IDEART 4:02 pm on May 4, 2017 Permalink | Log in to Reply

        Hallo Mario472,

        warum machst du dir das Leben so schwer?
        Füge doch einfach im style.css deines Childthemes ganz oben nach:

        /*
        Theme Name:
        Theme URI:
        Description: Your child theme description text…
        Author: I
        Author URI:
        Template: dorayaki
        Version: 1.0
        Tags: Dorayaki Child Theme
        */

        /*
        Now you can start adding your own styles here. Use !important to overwrite styles if needed. */

        folgenden Code ein:

        @import url(‘https://fonts.googleapis.com/css?family=PT+Sans:400,700|Raleway:400,900’);

        und im weiteren Verlauf zur Spezifizierung der font-family:

        font-family: ‘Raleway’, sans-serif;
        font-family: ‘PT Sans’, sans-serif;

        Beachte aber: durch die zwei Schriften ist die Ladezeit moderat und nicht besonders schnell.

        Damit sollte es klappen! :-)

        IDEART

      • Mario472 4:07 pm on May 4, 2017 Permalink | Log in to Reply

        Das kann ja so einfach sein…

        Vielen Danke @IDEART! :-)

    • anavallsr 4:43 pm on April 18, 2017 Permalink | | Flag unresolved

        Tags: , , Google Fonts,   

        Hawea: Changing the font 

        Hello, I have been trying to modify the font of the Hawea theme using the Easy Google Fonts plugin. However, it does not change the top menu fonts nor the footer credits… I don’t know what to do.

        I have been trying to modify the css but still does not work. I have looked through many tutorials of how to do it…

        Could you tell me a specific line that I should modify? I have also tried to input the API key in advanced settings of the plugin, but no luck either.

        My website: http://www.peoplesplants.net

         
        • Marc (Support-Team) 2:03 pm on April 20, 2017 Permalink | Log in to Reply

          Hi,

          since these plugins aren’t explicit enough to address the different elements in the theme, you should use them only to provide additional fonts and set these with additional CSS code.

          Most browsers provide a tool to inspect the used CSS code of elements. Simply right click on an element and select “Inspect Element”, “Element Information” or else and the tool will open. It shows the used CSS and how to address the elements in custom code.

          It seems that you’ve already achieved these changes.

          Best,
          Marc

      • Flavieh 6:55 pm on November 9, 2016 Permalink | | Resolved
        • Ellen (Support-Team) marked this resolved
          9:37 am on November 16, 2016
        • Ellen (Support-Team) marked this unresolved
          9:37 am on November 16, 2016

        Tags: , Google Fonts   

        Hi I’m using a Google Font called Rubik… 

        Hi,

        I’m using a Google Font called Rubik. Somehow when I change the font weight to 700 or 900 either in the Theme Customizer or in my custom CSS file, the font appears as Regular in the browser. What should I do to make sure the correct font weight is applied?

         
        • Ellen (Support-Team) 9:16 am on November 11, 2016 Permalink | Log in to Reply

          Hi there,
          could you let me know, which theme you are using? Also it would be great, if you include a link to your website.
          Thanks so much!
          Best, Ellen

        • Flavieh 9:49 pm on November 15, 2016 Permalink | Log in to Reply

          Yes of course. I’m using the Suidobashi theme and the website is http://www.flaviehalais.com

          • Ellen (Support-Team) 9:37 am on November 16, 2016 Permalink | Log in to Reply

            Hi there,
            so sorry for the late reply. I checked your website, but it is set to bold that is true. Since it’s a custom font, I’m not 100% sure. One suggestion: maybe you can check, if the bold style of the font is installed or if the font even has a bold style (but I’m pretty sure it has).
            Unfortunately since it is not the default theme style, I can’t help further. I hope you can find a solution.
            Best, Ellen

      • Bonnie 4:37 pm on May 28, 2016 Permalink | | Flag unresolved

          Tags: , Google Fonts,   

          How can I safely stop all the Google fonts from loading in Neubau without breaking the theme? (And without using a plugin.)

          I’ll be using some other web fonts in a child theme. If I keep the Google fonts, too, the font load will be out of sight.

          Just want to make sure to do it right. I’m not very good with functions.php.

          Ellen, Marc, anyone… anyone…?
          Thanks. :)

           
          • Bonnie 5:39 pm on May 28, 2016 Permalink | Log in to Reply

            Perhaps, paste this into the child theme functions.php? Would this be correct?

            function neubau_dequeue_fonts() {
            wp_dequeue_style( ‘neubau-fonts’ );
            }

            add_action( ‘wp_enqueue_scripts’, ‘neubau_dequeue_google_fonts’, 20 );

            • Marc (Support-Team) 12:31 pm on May 31, 2016 Permalink | Log in to Reply

              Hi @bonnie,

              the following code should be correct:

              function neubau_dequeue_fonts() {
              	wp_dequeue_style( 'neubau-fonts' );
              }
              add_action( 'wp_enqueue_scripts', 'neubau_dequeue_fonts', 20 );
              

              Best,
              Marc

        • Sven 9:01 pm on February 24, 2016 Permalink | | Flag unresolved

            Tags: , Google Fonts   

            Dorayaki ohne Google Fonts 

            Hallo Ellen, hallo Manuel, hallo Welt ;)

            Ich habe das Theme Dorayaki in einer WP-Instanz im Einsatz, bei der gewünscht ist, dass das Theme nicht “nach Hause”, in dem Fall Richtung Google, telefoniert. Ich habe versucht, die Stelle zu finden, die ich auskommentieren kann, um das zu realisieren. Leider blieb es bei dem Versuch – ich wäre für einen Tipp sehr dankbar.

            Liebe Grüße,
            Sven

             
            • Marc (Support-Team) 9:20 am on March 2, 2016 Permalink | Log in to Reply

              Hallo Sven,

              in der functions.php findest du den Code um die Schriftarten zu laden. Ich empfehle dir auf jeden Fall die Nutzung eines Child-Themes um die Funktion zu deaktivieren, damit du im Falle eines Theme-Updates deine Änderungen nicht verlierst.

              Mit dieser Funktion kannst du in der functions.php des Child-Themes die Font-Funktion “abschalten”: https://codex.wordpress.org/Function_Reference/wp_dequeue_style

              Viele Grüße
              Marc

          • misc 5:22 pm on February 15, 2016 Permalink | | Resolved
            • Ellen (Support-Team) marked this resolved
              11:03 am on February 17, 2016
            • Ellen (Support-Team) marked this unresolved
              11:03 am on February 17, 2016

            Tags: Google Fonts,   

            Waipoua: Mixed content 

            Hallo Elmastudio

            Ich habe meinen Blog auf https umgestellt. Nun erhalte ich untenstehende Warnung wegen eines “insecure stylesheets”. Kann man hier auch einfach auf https ändern (und wenn ja, wo)?

            Vielen Dank, MISC

            Mixed Content: The page at ‘*’ was loaded over HTTPS, but requested an insecure stylesheet ‘http://fonts.googleapis.com/css?family=PT+Sans%3A400%2C700%2C400italic%7COswald&ver=4.4.2’. This request has been blocked; the content must be served over HTTPS.

             
            • Ellen (Support-Team) 10:06 pm on February 15, 2016 Permalink | Log in to Reply

              Hallo,
              ich werde gleich morgen ein kl. Update für Waipoua vorbereiten, um den Fehler zu beheben. Ich melde mich noch einmal hier, sobald das Update zur Verfügung steht.
              Grüße, Ellen

            • misc 8:08 pm on February 16, 2016 Permalink | Log in to Reply

              Habs jetzt selbst gefunden: in functions.php bei “Include Google Webfonts” ein “s” einfügen, und es funktioniert.

              • fmalik 2:55 pm on February 17, 2016 Permalink | Log in to Reply

                Achtung:
                Wenn du ein Update vom Template machst, wird womöglich die functions.php überschrieben.

                Behalte das im Sinn!

          c
          compose new post
          j
          next post/next comment
          k
          previous post/previous comment
          r
          reply
          e
          edit
          o
          show/hide comments
          t
          go to top
          l
          go to login
          h
          show/hide help
          shift + esc
          cancel