Tagged: Fonts Toggle Comment Threads | Keyboard Shortcuts

  • DigitalExit 2:37 pm on January 30, 2017 Permalink | Flag unresolved

      Tags: Fonts, ,   

      UKU: Default Typography im Customizer ändern 

      Hallo!
      Ich habe mir jetzt das Uku Theme im Design Stil “standard” installiert und versuche die Default Fonts zu ändern. Leider funktioniert es nicht. Bei den Headings kann ich immerhin den Font ändern, aber nicht das Aussehen wie Line Height, Size usw. Bei Paragraph funktioniert auch das Umstellen des Google Fonts nicht. Ich habe es mit Crimson Text und einigen anderen aus der Liste probiert, aber es bleibt immer beim Default, Noticia.

       
      • Marc (Support-Team) 2:30 pm on January 31, 2017 Permalink | Log in to Reply

        Hallo @digitalexit,

        ich vermute du verwendest ein Plugin um die Schrift anzupassen. Diese Plugins sind üblicherweise nicht spezifisch genug für die von Uku verwendeten CSS-Definitionen. Bitte beachte, dass Uku nicht speziell auf ein solches Plugin vorbereitet wurde und dies daher nur mit eigenem ergänzenden CSS-Code umzusetzen ist.

        Zur Bereitstellung von weiteren Schriften kannst du z. B. das in diesem Video von Ellen empfohlene Plugin verwenden.

        Die meisten Browser bieten ein Werkzeug um den verwendeten CSS-Code zu analysieren. Mit einem Rechtsklick auf dem jeweiligen Element und der Wahl von “Element untersuchen”, “Element-Informationen” o. Ä. öffnet sich dieses Werkzeug. Dort kannst du recherchieren welche CSS-Eigenschaften verwendet werden und wie sich das Element mit eigenem CSS-Code ansprechen lässt.

        Bitte habe Verständnis dafür, dass wir für individuelle Anpassungen keinen Support im Forum leisten können.

        Viele Grüße
        Marc

        • DigitalExit 6:23 pm on January 31, 2017 Permalink | Log in to Reply

          • DigitalExit 1:48 pm on February 1, 2017 Permalink | Log in to Reply

            Hi Marc,

            danke, dass war der richtige Hinweis. Da es eine “Typography” Sektion im Customizer für das Uku-Theme gab, nahm ich an, dass diese vom Uku-Theme stammte.

            Es war aber das „Easy Google Fonts” Plugin, was sich da mit reingeschlichen hat. Kein Wunder, dass die Uku-Selektoren dann spezifischer waren und die Anweisungen des Plugins überschreiben.

            Danke nochmals!

    • Brett@iamthelab 9:41 am on January 11, 2017 Permalink | Flag unresolved

        Tags: Fonts, , ,   

        Font Adjustment for UKU Ruapuke 

        Hello:

        I’ve been able to change the primary fonts for Ruapuke but I’m struggling to find the right code for changing the About section and the Woocommerce product descriptions.
        Can you assist? I’m using both the Custom CSS and the Google Font plugin by Titanium Themes.

        Link: http://emporium.iamthelab.com

        Brett

         
      • 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: 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: 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

        • edi_goetschel 3:36 am on January 10, 2016 Permalink | Flag unresolved

            Tags: , Fonts, ,   

            Gleich noch einmal Hallo

            Da der Titel der Website auf der Hauptseite und den übrigen Seiten nicht gleich aufgebaut wird, werden verschiedene Fonts verwendet.

            Auf der Hauptseite wird der Titel der Website mit <h1 class=”site-title”> formatiert und entsprechend die Font-Definition für h1 verwendet.

            Für die übrigen Seiten wird der Titel der Website mit <p class=”site-title”> formatiert mit den Font-Familien Georgia, Times New Roman, serif der Klasse #site-branding.

             
            • Marc (Support-Team) 3:45 pm on January 13, 2016 Permalink | Log in to Reply

              Hallo @edi_goetschel,

              das gilt tatsächlich für den Fall, bei dem du eine H1-Schriftarten-Definition vornimmst. Vermeiden lässt sich das, indem die Klassen der Überschriften mit einer Schriftart versehen werden oder die Klasse “site-title” bei der Definition ausgeschlossen wird.

              Viele Grüße
              Marc

          • frankie 11:25 pm on May 20, 2015 Permalink | Flag unresolved

              Tags: , Fonts   

              Google fonts black walnut 

              Hallo,

              ich würde gern die Google fonts im black walnut theme anpassen.

              Gibt es dafür eine unkomlizierte Lösung?

              Die vorgegebenen fontfamilies sind doch sehr speziell, insbesondre mit dem monospace und der beschränkten Auswahl auf serif und sans serif im wordpress editor…

               
              • Marc (Support-Team) 11:41 am on May 22, 2015 Permalink | Log in to Reply

                Hallo,

                die Schriftarten werden mit Hilfe einer Funktion in der functions.php eingebunden. Dort könntest du Änderungen vornehmen und z.B. zusätzlich weitere Schriftarten nachladen. Diese müssen dann noch mit Hilfe von CSS-Code den entsprechenden Elementen zugewiesen werden.

                Bitte beachte, dass Änderungen an Theme-Dateien ggf. überschrieben werden, wenn du ein Theme-Update installierst.

                Viele Grüße
                Marc

            • AramBaali 6:38 pm on April 4, 2015 Permalink | Flag unresolved

                Tags: Fonts, , ,   

                Ponsonby Frontpage and Changing Fonts for RTL Websites 

                Dear Elmastudio’s Team,

                Let me start with the fact that I really dig Ponsonby, and at first I didn’t know it has RTL support (rtl.css), and I didn’t read the changelog. So, when I bought it I had thought about hiring a 3rd party developer, since I’m not the most tech savvy person I know. :P

                Anyway, to my surprise, I found that magical rtl.css file, and man, you couldn’t tell how happy I was. Fast forward three days later – after I figured out how to link my host to domain and DNS provider; and translating some of your content to test the water (I haven’t created any content for my awesome magazine yet! ^^”) – when I put together my front page, and being really happy, only to be disappointed by the “glitch” in the front page. Everything else is perfect, just this minor glitch in the front page (and a few other things regarding the typography of the site I’m going to talk about later down the post).

                So, to make things clear, I prepared some pictures to help you understand what I mean. Let’s get started, shall we?

                (More …)

                 
                • Marc (Support-Team) 10:44 am on April 7, 2015 Permalink | Log in to Reply

                  Hi Aram,

                  please check the rtl.css for the following code (around line 562) and remove it:

                  	.three-columns-wrap .widget-area,
                  		.footer-column,
                  		.two-columns-wrap .two-columns-small {
                  		 float: right; 
                  	}
                  

                  After the change please check your site and tell me if we’re coming near the correct layout.

                  To reset the letter-spacing you can use the following CSS code:

                  .widget_ponsonby_recentposts h3.widget-title, .two-columns-big .widget_ponsonby_quote h3.widget-title {
                  	letter-spacing: normal;
                  }
                  

                  If I understand you correctly, you want to implement another font. Please ask the font provider for help on how to make the font available for your visitors. After that you can simply define the font with CSS code like this:

                  body {
                  	font-family: 'Your Font'', Alternative-Websafe-Font, sans-serif;
                  }
                  

                  You can find all font definitions in the themes style.css.

                  Best,
                  Marc

              • janesh 1:25 pm on October 29, 2014 Permalink | Flag unresolved

                  Tags: , , Fonts   

                  I was searching and trying everywhere to change the settings from the entry-title h1 on the pages like “Portfolio”. Right now it is kinda big in in a Times New Roman kind of font although the font-detector says Roboto. Somehow the settings in CSS seem very tricky regarding fonts and sizes. Lots of different fonts. anyone an idea how to change it anyway?

                   
                  • Marc (Support-Team) 8:12 am on October 30, 2014 Permalink | Log in to Reply

                    Hi,

                    the following CSS code should address the page titles:

                    .page .entry-header h1.entry-title {
                    font-family: Arial, sans-serif;
                    }
                    

                    Please note: To overwrite existing styles, you need to be at least as specific as the original CSS code. Alternatively you can use “!important” behind the value to enforce the style.

                    Best,
                    Marc

                    • janesh 3:27 pm on November 10, 2014 Permalink | Log in to Reply

                      As I stated it does not work the way you considered it. When I try it in Firefox Firebug it works but not in real. Is it possible to get an answer for this? Thanks.

                  • janesh 4:13 pm on November 6, 2014 Permalink | Log in to Reply

                    Well I tried that already. I put this in the Custom CSS box provided by the Theme. But the changes are not happening, also not with the !important- rule.

                    • Ellen (Support-Team) 6:39 pm on November 20, 2014 Permalink | Log in to Reply

                      The site titles have the following default CSS values:

                      .page .entry-header h1.entry-title {
                      font-family: 'Domine', Georgia, serif;
                      font-size: 28px;
                      line-height: 1.3;
                      font-weight: normal;
                      text-transform: none;
                      letter-spacing: 0;
                      }
                      @media screen and (min-width: 768px) {
                      .page .entry-header h1.entry-title {
                      font-size: 46px;
                      margin: 0 0 34px;
                      }
                      }
                      

                      You should be able to change the settings using the !important rule.
                      Best, Ellen

                      • janesh 11:39 am on December 4, 2014 Permalink | Log in to Reply

                        No- this does not work. I already tried all this by myself. This is why I am asking. ;o)
                        Grüße.

                • lululoko 10:17 pm on August 11, 2014 Permalink | Flag unresolved

                    Tags: Fonts, google web fonts,   

                    I want to change the font faces on the Zuki Theme using Google Web Fonts. Where would I put the @font-face code and how do I find the previous fonts to delete them from the theme (so as to save page loading time and reduce the size of Theme documentation)?

                     
                    • abreusky 4:41 am on August 12, 2014 Permalink | Log in to Reply

                      Hi,

                      I instaled a plugin called “Easy Google Fonts”, and from the plugins I tried, this one is the best one, it offer full customization of every single font in the theme, and you can even select specifc css selectors (i guess this is the name):

                      Here a screenshot. https://www.evernote.com/shard/s405/sh/7cb23c83-a81e-4fa9-a37a-f56303f0607a/4472ad3a0fab2e6056c9adb134733a8b

                      The only thing you need to use the plugin: an API key from Google.

                      If you have email from Gmail, then it is easier.

                      Sign up with that email here at https://developers.google.com

                      Then, you have to go to the developers console and enable the products you want to use, down under, there is google web fonts, or something like that…. then you generate an API key….

                      Copy that code and paste into the “advanced” field of the plugin on your WP admins dashboard.

                      Then you are done!

                      It’s the best plugin!

                      I hope you can manage how to do it! :)

                      Good luck!

                  • kOoLiNuS 9:49 pm on June 29, 2014 Permalink | Flag unresolved

                      Tags: Fonts, , ,   

                      Hi there,
                      on my http://koolinus.tevac.com website I’m having issues with fonts for post title… whatever font I choose from the WP Google Fonts plugins it gets ignored. I choose Exo 2 for all the fonts, except Exo for all the six header styles.

                      I’m using the child theme, and of course the latest version of both. The funny thing is that on another blog of the network (http://foto.tevac.com) with almost the same config everything works. What am I doing wrong?
                      Thanks in advance

                       
                      • Marc (Support-Team) 1:00 pm on June 30, 2014 Permalink | Log in to Reply

                        Hi, this code is responsible for adding the CSS which overrides the settings made by your plugin:

                        <link rel="stylesheet" id="custom-css-css" type="text/css" href="http://koolinus.tevac.com/?custom-css=1&csblog=3&cscache=6&csrev=10">
                        

                        In most cases the JetPack plugin is embedding its custom css in this way. Normally you can find the settings in dashboard -> appearance -> edit CSS.

                        Best,
                        Marc

                        • kOoLiNuS 8:11 pm on June 30, 2014 Permalink | Log in to Reply

                          thank you Marc,
                          since I’m a CSS newbie I don’t know how to modifity this JetPack behaviour… can you help me a little bit further? Thanks!

                      • kOoLiNuS 6:24 am on July 1, 2014 Permalink | Log in to Reply

                        Hi Marc, I’ve opened the Edit CSS and removed some style directive regarding Dosis font use. Now everything seems ok.
                        Thank you for the hint!

                    • cyze79 5:40 pm on June 9, 2014 Permalink | Flag unresolved
                      • Someone marked this normal
                        11:04 am on June 10, 2014
                      • Someone marked this resolved
                        11:04 am on June 10, 2014
                      • Someone marked this unresolved
                        11:04 am on June 10, 2014

                      Tags: , Fonts, , Typekit   

                      Hi Ellen,

                      ich würde gerne Omnes und Proxima Nova als Fonts für Headlines/ Copy in Moka verwenden, dass ich soeben von euch gekauft habe. Da ich gesehen habe, dass beide via Typekit erhältlich sind, würde ich gerne wissen, ob ihr Erfahrung habt, wie ich die am besten mit einem Plugin/ Custom CSS einbinden kann!

                      Besten Dank für die Hilfe und noch frohe Pfingsten,
                      Bennie

                       
                    • daisy.blecker 2:04 am on March 25, 2014 Permalink | Flag unresolved

                        Tags: Fonts, ,   

                        Hi,

                        How can I change the fonts within the theme? I’d like the post fonts to be smaller and in a sansserif font, I tried using a Google Fonts plugin but it didn’t seem to work!

                        I’d also like to change the colour of the font on my info page, as I’d like the background to be white and the text to be dark grey, but when I set the background to white the font stays white too!

                         
                        • Ellen (Support-Team) 5:52 pm on March 26, 2014 Permalink | Log in to Reply

                          @daisy-blecker: Which Google Fonts plugin did you use? I would recommend WP Google Fonts. If this one also doesn´t work you can also change the fonts via the Custom CSS option on the Theme Options page and include this CSS:

                          @media screen and (min-width: 1023px) {
                          .entry-content p, .entry-summary p, .entry-content ul, .entry-content ol {
                          font-size: 20px !important;
                          font-size: 1.25rem !important;
                          font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
                          }
                          }
                          

                          Best, Ellen

                          • Daisy 12:36 am on March 27, 2014 Permalink | Log in to Reply

                            Brilliant! Thank you! How do I change the font size though? At the moment it’s too big across the site.

                          • Daisy 11:07 pm on March 28, 2014 Permalink | Log in to Reply

                            Also, how do I change the font colour on the info page? As I mentioned in the original post I’d like for it to be black text on a white background.

                        • martino 8:35 am on July 3, 2014 Permalink | Log in to Reply

                          Hello Ellen – That’s great! Your post helped me a lot! Thank you very much and greetings, Martino

                      • PaNick 8:29 am on February 19, 2013 Permalink | Flag unresolved

                          Tags: , Fonts, , ,   

                          Schriftart für Links in Comments, Waipoua 

                          Hallo!
                          Links (in Comments) werden im Waipoua-Theme standardmäßig in gleicher Schrift und unterstrichen dargestellt. Nun hätte ich allerdings gerne “underline” gegen “bold” getauscht.
                          Ich habe leider nicht den passenden Eintrag in der style.css gefunden, wo ich das ändern kann, ich habe auch schon einiges ausprobiert, aber bisher ohne Erfolg.

                          Ich würde mich freuen, wenn mir jemand einen Hinweis auf die Lösung geben kann :-)

                          Lieben Gruß

                           
                        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