Change font and size ceckito?

Home Forums Theme Support Change font and size ceckito?

  • Question status -
  • wayan catur wartha
    Participant

    How to change font and size on ceckito?

    #5115
    Support Staff
    Keymaster

    You can do that in style.css, under “2.0 Typography”.

    
    body,
    button,
    input,
    select,
    textarea {
    	color: #666666;
    	font: 700 16px/1.5625 'Merriweather', serif;
    	word-wrap: break-word;	
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
    	font-family: 'Open Sans', sans-serif;
    	font-weight: 700;
    	margin: 0 0 25px 0;
    	color: #000;
    }
    

    Regards,
    Sinisa

    #5117
    wayan catur wartha
    Participant

    Hi,

    I was try to change it, only font size is change but font, trying to change to another font ( Ubuntu )
    thanks

    body,
    button,
    input,
    select,
    textarea {
    color: #666666;
    font: 700 14px/1.5625 ‘Ubuntu’, serif;
    word-wrap: break-word;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
    font-family: ‘Open Sans’, sans-serif;
    font-weight: 700;
    margin: 0 0 25px 0;
    color: #000;
    }

    #5118
    Support Staff
    Keymaster

    Ubuntu is not standard “web safe” font, and it does not exist in all operating systems by default. Here’s a list of web safe fonts that you can use http://www.w3schools.com/cssref/css_websafe_fonts.asp.

    To add Ubuntu font to this theme is bit more complicated, since it needs to be loaded from Google fonts first, but there are 3 versions of Ubuntu font, and 13 variations total of different weights. I would tell you how, but I don’t know which one you want. Go to http://www.google.com/fonts and type Ubuntu in search.

    To add first one, you would go like this – open swt-setup.php from inc folder.
    Find this:

    wp_register_style( 'font-merriweather', 'http://fonts.googleapis.com/css?family=Merriweather:700italic,700,400&subset=latin,latin-ext' );	
    wp_enqueue_style( 'font-merriweather' );	
    

    and replace with this:

    wp_register_style( 'font-ubuntu', 'http://fonts.googleapis.com/css?family=Ubuntu:400,700italic,700' );	
    wp_enqueue_style( 'font-ubuntu' );	
    

    Now, in your modified version of code you should change this:

    font: 700 14px/1.5625 'Ubuntu', serif;
    to this:
    font: 700 14px/1.5625 'Ubuntu', sans-serif;

    Regards,
    Sinisa

    #5119
    wayan catur wartha
    Participant

    Hi Sinisa,
    Thanks, its work, I was change it to Arial font.
    wp_register_style( ‘font-arial’, ‘http://fonts.googleapis.com/css?family=Arial:700italic,700,400&subset=latin,latin-ext’ );
    wp_enqueue_style( ‘font-arial’ );
    wp_register_style( ‘font-sans-serif’, ‘http://fonts.googleapis.com/css?family=Sans+Serif:400,700&subset=latin,latin-ext’ );
    wp_enqueue_style( ‘font-sans-serif’ );

    Another question:
    Content font all bold, how I can change to standard font ( regular )

    b,
    strong {
    font-weight: bold ;

    I change this code?

    #5120
    Support Staff
    Keymaster

    Hi Wayan,

    there’s no need for those lines, you can delete:

    wp_register_style( ‘font-arial’, ‘http://fonts.googleapis.com/css?family=Arial:700italic,700,400&subset=latin,latin-ext’ );
    wp_enqueue_style( ‘font-arial’ );
    wp_register_style( ‘font-sans-serif’, ‘http://fonts.googleapis.com/css?family=Sans+Serif:400,700&subset=latin,latin-ext’ );
    wp_enqueue_style( ‘font-sans-serif’ ); 

    Arial is a web safe font, and sans serif is font family, and they come with operating system, so no need to load them from Google fonts (they don’t exist there).

    body,
    button,
    input,
    select,
    textarea {
    	color: #666666;
    	font: 700 16px/1.5625 'Merriweather', serif;
    	word-wrap: break-word;	
    }

    Change 700 to 400.

    #5125

You must be logged in to reply to this topic.

Viewing 6 posts - 1 through 6 (of 6 total)