New Topic

Customization on fonts

Home › Forum › Customization › Customization on fonts

This topic contains 5 replies, has 2 voices, and was last updated by  StartupWP 2 years, 8 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1386

    marks
    Member

    Hi
    I bought StartUp Pro I discovered i could switch to StartUpPro child which I chose as the better option.

    When i produced my copy for the website, i was not clear about how the Google Fonts could be applied. So at first i just
    typed Text in Word and then pasted the text in Word-press. Since then i had comments that i should use Verdana, Sans Serif or Georgia as Font.

    Since then i have added Google fonts in the Startup Pro options menu (with the necessary code).

    However what i want is being able to reformat all Fonts on my webbsite automatically to the Google fonts chosen. Is that technically possible to do? Or do i have to rewrite all Copy by just typing the text on the pages and the editor will automatically choose the Google Font i have laid in?

    Here is link to my site [link removed] , if you could have a quick look i would be grateful

    I apologize in advance if i missed the answer in a previous request. (A FaQ Engine might help?).

    Thanks

    #1387

    StartupWP
    Support

    It’s actually already setup this way, you can set your Google fonts above in the options and then type in the Google font’s name below for headers and one other for paragraphs (the main content).

    Past that, it’s definitely possible to program in more options, but since you’re already child theming it would easier just to drop the styles in your child theme’s stylesheet.

    So looking at [link removed] – Exactly what areas to you want to use what Google fonts?

    Thanks

    #1388

    marks
    Member

    Hi
    Thanks for your answer

    Regarding the stylesheet etc, i need more structured step by step dummy instructions regarding this, otherwise i will make mistakes in pasting it wrong (were to go (editor? or down below in Startup Pro options), how and were to paste exactly etc).
    But i got the first part right regarding the Google Font options.
    Google Font 1 i pasted
    h1 { font: 400 70px/1.2 \’Sansita one\’, Georgia, serif; }
    Google Font 2 i pasted
    h1 { font: 400 60px/1.3 \’Bree Serif\’, Georgia, serif; }

    If these 2 fonts, that i took from another website are not written in a correct way and wrong, please let me know.

    I wanted to have Verdana or Georgia, but apparently these are Fonts that are supported by Google, unless Startupro supports them?

    This is the first part

    Second part of your question

    Actually, regarding the entire website, regarding all font letters concerning heading and text i want to change it to ONE easy to read Font which should be Verdana, Georgia or similar Font that i pasted in the Google Font section. I want the site to be minimalistic, so that the visitor concentrates on content!

    But what i understood is that the WordPress site does not change or format to a new Font automatically? I have to recopy the entire text on each Page via the WordPress editor with the new? Font installed.

    Finally, what is your own professional impression about the current Font on the site? What do you think? Is it easy to read, or would i indeed benefit of changing the Font?

    Thank you

    #1389

    marks
    Member

    Follow up question. BTW. Regarding Fonts and the way how to read the site. How responsive is the site StartUp Pro Child for mobile devices?
    Thanks

    #1390

    StartupWP
    Support

    Absolutely, we were going to write the CSS for you and instruct where to paste, but we just needed some more details of what you wanted.

    Verdana and Georgia are actually web-safe fonts, widely considered to be installed on most computers, therefore safe to use on the web without needing to install or specially embed the fonts.

    Arial and Georgia are widely regarded to have high readability.

    Let’s try this and see what you think:

    @import url(http://fonts.googleapis.com/css?family=Bree+Serif);
    h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{font-family:'Bree Serif',serif}
    body, div, p{font-family:arial,sans-serif}

    Since, you’ve decided to use a child theme, we recommend editing style.css in your child theme, which currently looks like this:

    /*
    Theme Name: StartupPro Child
    Template: startuppro
    */
    
    @import url("../startuppro/style.css");

    Go ahead and update it to:

    /*
    Theme Name: StartupPro Child
    Template: startuppro
    */
    
    @import url("../startuppro/style.css");
    @import url(http://fonts.googleapis.com/css?family=Bree+Serif);
    
    h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{font-family:'Bree Serif',serif}
    body, div, p{font-family:arial,sans-serif}

    You could simply go to Appearance > Editor > style.css from your WP admin and edit it, but we recommend editing it locally and then uploading the updated version via FTP, that way you’ll have a local backup to work with.

    See: https://startupwp.com/topic/child-theming/

    We recommend using the FileZilla FTP client: http://filezilla-project.org/ / http://wiki.filezilla-project.org/Using

    #1391

    StartupWP
    Support

    Alternatively, if you decide to change your mind about child theming and want to just keep things simple, you can simply paste the following CSS into your theme options (https://startupwp.com/topic/customizing-your-theme/):

    @import url(http://fonts.googleapis.com/css?family=Bree+Serif);
    h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{font-family:'Bree Serif',serif}
    body, div, p{font-family:arial,sans-serif}
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.