• Resolved kellysugano

    (@kellysugano)


    I’m hoping I can change the font of this website. Can anyone please tell me how? I am VERY bad at computers so step by step instructions would be GREATLY appreciated :-).

Viewing 8 replies - 16 through 23 (of 23 total)
  • Hello,
    No, you were supposed to fill in your font family. Why does everyone do that? LOL.

    Thanks.

    Thread Starter kellysugano

    (@kellysugano)

    I played with it a little more and used:

    h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-family: Bradley Hand ITC}.featured-title {font-family: Bradley Hand ITC}

    This changed some of the fonts but I am also wanting to change the font of the maid header on the top left corner (which didn’t change)

    Hello,
    Would you like to change the site title, tagline, or both?

    Thanks.

    Thread Starter kellysugano

    (@kellysugano)

    Both please 🙂

    Hello,
    Please use this CSS code.

    .site-name {
    font-family: your-font-family;
    }
    .site-description {
    font-family: your-font-family;
    }

    Thanks.

    You do not have to install an additional plugin for this theme, as you can simply add the proper css at Appearance -> Theme Options -> CSS Styles.

    Usually, the font you would like to use will not be available on the user’s computer, so you’ll have to instruct your web browser where to get the font.

    So go here:
    https://www.google.com/fonts
    Find the font you like, click use, copy the text under the “import” tab, which looks like this:
    @import url(https://fonts.googleapis.com/css?family=Satisfy);

    Then go to the admin part of your website, paste this text; it will make sure that my browser will display the font you chose, IF you instruct it properly (as tech55541 already explained).

    As with most things created: you will have to know that you have a license to use other people’s creations, which is why I think Google webfonts is a neat idea: these are royalty free to use. As far as I know, Bradley Hand is not free.

    Another issue you probably want to deal with is: what should it do when the font isn’t available after all for some reason. This is fall-back. You can select common font names and list those like so:

    .site-name {
      font-family: Satisfy,verdana,sans-serif;
    }

    Oh, and never, ever(!) use Comic Sans (http://www.comicsanscriminal.com/).

    like here I insert in the custom CSS following lines

    @import url(https://fonts.googleapis.com/css?family=Lobster);
    .grid {font-family: 'Droid Sans', sans-serif !important;}

    I also try

    .site-name {font-family: font-family: 'Droid Sans', sans-serif !important;}

    It is explained by tech55541 and Herbert van-Vliet similar, but why does it not work?

    sorry for not showing the concerned url, the site is only available if I workes on it, so 99% the htacess is linking it to the old content.

    Theme Author CyberChimps

    (@cyberchimps)

    Hi Kelly,
    Extremely sorry for the delay in response. I checked your site but found that it does not use WordPress and the Responsive theme. We are really sorry to see you go and switch over to something else.

    Thanks for the replies @tech55541 and @remarkno

    Hi @izon,
    Incase you wish to use the Lobster font, the font-family would be:
    font-family: 'Lobster', cursive;

Viewing 8 replies - 16 through 23 (of 23 total)

The topic ‘Website font’ is closed to new replies.