Vuetify: [Bug Report] .font-weight-thin isn't working

Created on 2 Jul 2018  路  3Comments  路  Source: vuetifyjs/vuetify

Versions and Environment

Vuetify: 1.1.1
Vue: 2.5.13
Browsers: Chrome 67.0.3396.99
OS: Windows 10

Steps to reproduce

  1. Open the reproduction link
  2. Compare the rendered font result with https://vuetifyjs.com/en/style/typography

Expected Behavior

Expect .font-weight-thin to make the font as slim as the ones in https://vuetifyjs.com/en/style/typography

Actual Behavior

The rendered font in the reproduction link is significantly "fatter" than that of https://vuetifyjs.com/en/style/typography

Reproduction Link

https://codepen.io/vwxyzjn/pen/pKGxdG

needs docs update

Most helpful comment

You have to add 100 to the fonts.googleapis.com url.

All 3 comments

I mannually modified the html in https://vuetifyjs.com/en/style/typography to display

<div class="font-weight-thin my-2 display-4">Roboto Thin</div>

There is a huge difference between the thinness of the fonts. Please click on the pictures to compare them in original resolution.

image

image

You have to add 100 to the fonts.googleapis.com url.

@KaelWD That works. Thank you!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

milleraa picture milleraa  路  3Comments

smousa picture smousa  路  3Comments

Webifi picture Webifi  路  3Comments

itanka9 picture itanka9  路  3Comments

SteffenDE picture SteffenDE  路  3Comments