How to make a HTML5 font lighter when fontWeight doesn't work? [closed]


Tags: javascript,css,html5,fonts

Problem :

Google's Oswald font seems to ignore the fontWeight CSS property. It's very bold.

How to make it lighter?



Solution :

Bonjour, It might be the way you link the font style sheet. it works for me: http://codepen.io/gcyrillus/pen/xEdoC

<link href='http://fonts.googleapis.com/css?family=Oswald:300&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
font-family:Oswald;

    CSS Howto..

    how to make a left aligned navigation with dropdown elements

    how do I zoom a background image on a div with background-size

    How to position child div to the center of every parents div using position absolute in css [duplicate]

    How to make this loading animation?

    How to position CSS
    s without breaking?

    CSS selector: how to style items [1-2][5-6][9-10] etc by pair

    How to input block of text next to Font Awesome icon in CSS?

    Showing Div via CSS selector within a UL

    How to make a sliding dashboard similar to medium.com? [closed]

    show div and execute CSS animation in separate div on “li hover”

    How to specify BOTH max-width % and px [closed]

    How to reference this line in CSS, HTML

    how to prevent link padding during hover from extending paragraph padding

    How to make the CSS width property go from bottom to top

    a div with height:1px appears very thicker in internet explorer 6. How to reduce it?

    How to make textareas auto-resize using just CSS?

    How to make a floated div 100% height of its parent?

    How to remove scrollbar in PrimeFaces dialog?

    CSS: How to change tooltip position to align to triggering element (rest of code working)

    How to change where a CSS transition starts from?

    How to create a 100% fixed footer with a fixed width center transparent gap?

    How to remove last TD in first LINE

    In Wordpress how can I create a page which has 3 col-md-4 blocks in a container?

    How to use CSS to surround a number with a circle?

    How to select an html element that has two class names?

    how to make background image stretch vertically

    How to use body horizontal scrollbar in free jqgrid

    Show specific comment in LESS file when compiled to CSS while keeping all other comments hidden

    CSS: How to change class style if another style is hover

    How page turn effect work in turn.js