New Topic

Customization on fonts

Home › Forum › Customization › Customization on fonts

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 27, 2014 at 9:07 AM #1387
    StartupWP
    Keymaster

    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

    January 27, 2014 at 9:46 AM #1388
    marks
    Participant

    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

    January 27, 2014 at 9:49 AM #1389
    marks
    Participant

    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

    January 27, 2014 at 1:25 PM #1390
    StartupWP
    Keymaster

    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

    January 27, 2014 at 1:28 PM #1391
    StartupWP
    Keymaster

    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}
  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.