Font change

  • Hello everyone.

    I really need your help on something I’ve been working on for the entire day and I just can’t make it.

    I’ve been wanting to use Lato Light 300 or Lato Thin 100 for a boxed test in my wordpress here’s what I’ve got at the moment in my css file in Appearances > Editor

    .mtop35 h1 {
    background-color: rgba(0,0,0,0.6);
    margin: 0;
    padding: 10px 15px;
    font-weight: normal;
    font-size: 50px;
    line-height: 120%;
    font-family: ‘Lato’;

    I get Lato Normal 400 when I do this, what sould I do to get Lato Thin 100 or Lato Light 300.

    Please help me I desperately need your help ??

    Thank you so much in advance!

    Have a nice day

Viewing 7 replies - 1 through 7 (of 7 total)

  • Use font-weight, like so:

    .mtop35 h1{
	font-weight: 100;
}
    .mtop35 h1{
	font-weight: 300;
}

    Have a nice day, too!

    Thread Starter Dandif

    (@dandif)

    it didn’t work when i tried, i guess the words ”thin” or ”light” have to be somewhere but I have no clue where!

    In CSS, you can’t use categories that are implemented into the font. You need to work with font-weight. It is really your only option. If it doesn’t work in a specific case, you might need to use brute force, like so:

    .mtop35 h1{
	font-weight: 100 !important;
}

    Handle with care.

    Thread Starter Dandif

    (@dandif)

    Doesn’t work either. Too bad! Thank you very much for your help anyway

    Would you know a font that works under WordPress and that looks like Lato thin 100 or Lato light 300 ?

    Lato works perfectly in WordPress. I happen to know this, because I use 300 on my own website.
    It may not be linked to properly though. Did you double check all your paths?
    At this point, you might even consider providing a link to your website. We can make it work, I promise.

    As for your question about font alternatives: There’s Open Sans, which looks Lato-ish. Depending. Well.

    Thread Starter Dandif

    (@dandif)

    I’ve just got hold of the website from someone else, I don’t understand anything, I have the impression to be lost.

    So I looked up some tutorials on Youtube to change fonts, found the css part mentioning what I wanted and changed the font to ‘lato’. Then I was totally confused and decided to ask before doing something stupid.

    What does ‘not linked properly’ mean?

    I can explain it to you if you provide me with a link to that website. ??

    In general: You can’t just change a font-family to anything. If you change a font to Lato, then your computer needs to know what Lato is. My computer knows what Lato is, so I’m guessing your changes will be seen on my computer.
    For all the other computers in the world that do not know what Lato is: You can show them, by setting a path to it. For instance, that path could lead to Google Fonts which is a host of Lato, including all the weights you need.
    Unless your path to Lato is set correctly, all the computers in the world that do not know what Lato is will not output your website in Lato.
    That is what “not linked properly” means.

    Google Fonts will not only provide you with Lato, but also with the code you need in order to set the path right.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Font change’ is closed to new replies.