Font size & Font family in my theme.

by cbnet
9 replies
  • WEB DESIGN
  • |
I have a blog on wordpress using studiopress theme. I am thinking of increasing the fonts size of the theme as well as the font family. How I can do it? Please advise.
#family #font #size #theme
  • Profile picture of the author yestyle
    Banned
    Define a font-size: in html, body in your css file to make it as common font for all site.
    {{ DiscussionBoard.errors[9015179].message }}
  • Profile picture of the author cbnet
    If I define the font size in body using CSS only (without doing any thing in html), will the font size of h1, h2, h3, etc. in the header and body also be adjusted correspondingly?
    {{ DiscussionBoard.errors[9015256].message }}
  • Profile picture of the author RobinInTexas
    The best solution would be to change to using % in your css, for example:
    Code:
    h1 {font-size:250%}
    h2 {font-size:200%}
    p {font-size:100%}
    Signature

    Robin



    ...Even if you're on the right track, you'll get run over if you just set there.
    {{ DiscussionBoard.errors[9015905].message }}
  • Profile picture of the author Istvan Horvath
    My general advice: when you are using a theme made by professionals who know better than you things about typography and design - stay out of messing with it. You will make it only worse than you think.

    Especially, if you need to ask how to do it... you shouldn't touch anything: there is no reason to think that your knowledge regarding styles, typography, proportions, harmony and visual composition is superior than the designer's work.

    You are, of course, allowed to do what you want. Just don't expect any better outcome than the original...
    Signature

    {{ DiscussionBoard.errors[9017495].message }}
  • Profile picture of the author sham2
    I agree with Istvan Horvath he say that the peoples who make this theme they know better to design the theme. But if you want to make changes in your themes it depend on you. You can easily change the font-size follow this easy way.
    body{ font-size :set your font size in percentage or set it in pixel or in Em.}
    body{ font-size: 150% or font-size:30px; or font-size:2em;}
    Put one of these line in Style.css file.
    Hope this method will help you.
    {{ DiscussionBoard.errors[9017567].message }}
    • Profile picture of the author cbnet
      Originally Posted by sham2 View Post

      I agree with Istvan Horvath he say that the peoples who make this theme they know better to design the theme. But if you want to make changes in your themes it depend on you. You can easily change the font-size follow this easy way.
      body{ font-size :set your font size in percentage or set it in pixel or in Em.}
      body{ font-size: 150% or font-size:30px; or font-size:2em;}
      Put one of these line in Style.css file.
      Hope this method will help you.
      But my question is still not addressed. I repeat it here:

      "If I define the font size in body using CSS only (without doing any thing in html), will the font size of h1, h2, h3, etc. in the header and body also be adjusted correspondingly?"
      {{ DiscussionBoard.errors[9017851].message }}
      • Profile picture of the author Istvan Horvath
        Originally Posted by cbnet View Post

        But my question is still not addressed. I repeat it here:

        "If I define the font size in body using CSS only (without doing any thing in html), will the font size of h1, h2, h3, etc. in the header and body also be adjusted correspondingly?"
        No. Every HTML element has to be defined separately in the stylesheet.
        Signature

        {{ DiscussionBoard.errors[9018294].message }}
        • Profile picture of the author cbnet
          Originally Posted by Istvan Horvath View Post

          No. Every HTML element has to be defined separately in the stylesheet.
          Considering this, I think it's not prudent to change the font size in the body of a theme.
          {{ DiscussionBoard.errors[9018332].message }}
        • Profile picture of the author WPcrew
          Originally Posted by Istvan Horvath View Post

          No. Every HTML element has to be defined separately in the stylesheet.
          If we're talking about Genesis framework, it's different.
          Genesis uses rems (and pixel fallback) for font sizing, and font size in html element is set to 62.5% (equals 10px).

          H1, H2 and all the other headings are defined in rems/pixels, so if you change 62.5% to 72.5% all fonts will increase (if you're using modern browser which most of the people do).

          But, I can't agree more with this sentence:
          there is no reason to think that your knowledge regarding styles, typography, proportions, harmony and visual composition is superior than the designer's work.
          {{ DiscussionBoard.errors[9018688].message }}

Trending Topics