400 700 Subset Latin Cyrillic

400 700 Subset Latin Cyrillic

Sign up or log in to customize your list.

more stack exchange communities

company blog

Stack Overflow for Teams
– Start collaborating and sharing organizational knowledge.

Create a free Team
Why Teams?

Asked
8 years, 4 months ago

4,143 4 4 gold badges 40 40 silver badges 67 67 bronze badges

Sorted by:

Reset to default

Highest score (default)

Trending (recent votes count more)

Date modified (newest first)

Date created (oldest first)

59.4k 15 15 gold badges 85 85 silver badges 108 108 bronze badges

189 1 1 silver badge 3 3 bronze badges

Not the answer you're looking for? Browse other questions tagged css google-chrome fonts or ask your own question .

Stack Overflow

Questions
Help

Products

Teams
Advertising
Collectives
Talent

Company

About
Press
Work Here
Legal
Privacy Policy
Terms of Service
Contact Us
Cookie Settings
Cookie Policy

Stack Exchange Network

Technology

Culture & recreation

Life & arts

Science

Professional

Business

API

Data

Accept all cookies

Customize settings

Find centralized, trusted content and collaborate around the technologies you use most.
Connect and share knowledge within a single location that is structured and easy to search.
New! Save questions or answers and organize your favorite content. Learn more .
I am having trouble using Roboto fonts in the Chrome browser.. specifically I can't seem to get Condensed and Thin/Light, etc. font weights. I download all 3 complete fonts:
then I use them in declarations like:
However, what it gives me is plain Roboto. If I change the "Condensed" one to use font-family "Roboto Condensed" it works ... and that makes sense because apparently chrome is late to adopt font-stretch . However, changing the font-family to "roboto condensed" doesn't use the lighter font-weight (which is 300), it stays at 400. Even if I change the font-weight to 300, which it specifically has, it will remain at 400 (switching in the console between 200, 300 and 400 has no effect at all). I have to put "Roboto Condensed Light" specifically, to get the light font-weight.
And what about the others? "Roboto Thin" wasn't specifically downloaded or set in a @font-face ... I shouldn't have to use names like "roboto thin" when I just want a font-weight, should I?
Because of Terry's great suggestion, here's the relevant code basically in it's entirety:
First of all — avoid using !important . There is very limited number of scenarios when this is actually necessary.
Roboto and Roboto Condensed are provided as two separate font families by Google Fonts, so if you want to use the condensed version, you will have to declare font-family: "Roboto Condensed" as the condensed variant is not included in the Roboto font family.
Roboto Condensed has also a more limited amount of font weights available: 300, 400 and 700 compared to Roboto's 100, 300, 400, 700 and 900. Simply speaking, using font weight of 100 and 900 will not work with Roboto Condensed, and will fallback to the nearest possible font-weight.
How can you confirm that Roboto Condensed is not using the 300 font weight? It seems to be working fine with me (I'm also using it on a few sites)... also working fine in this fiddle: http://jsfiddle.net/8k72a/1/
Therefore, it is not possible to get Roboto Condensed with a font weight of 100, for example.
With your updated question, why not use this script instead? I see that you have broken your CSS styles into several lines — remember to escape the linebreaks in JS with a backslash \ :
Thanks for contributing an answer to Stack Overflow!

By clicking “Post Your Answer”, you agree to our terms of service , privacy policy and cookie policy

To subscribe to this RSS feed, copy and paste this URL into your RSS reader.

Site design / logo © 2022 Stack Exchange Inc; user contributions licensed under CC BY-SA . rev 2022.10.14.21376

By clicking “Accept all cookies”, you agree Stack Exchange can store cookies on your device and disclose information in accordance with our Cookie Policy .

By Plan

Enterprise

Teams

Compare all

By Solution

CI/CD & Automation

DevOps

DevSecOps

Case Studies

Customer Stories

Resources

In this repository

All GitHub

↵

In this repository

All GitHub

↵

In this organization

All GitHub

↵

In this repository

All GitHub

↵

google

/

fonts

Public

laerm0 opened this issue
Sep 1, 2017
· 5 comments

laerm0 opened this issue
Sep 1, 2017
· 5 comments

laerm0

added
the

Priority 0 - Urgent and Important

label

Sep 1, 2017

https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i&subset=latin,latin-ext

laerm0

mentioned this issue

Oct 5, 2017

https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i&subset=latin-ext

👍
2
vizlot and rupasix reacted with thumbs up emoji

All reactions

👍
2 reactions

davelab6

added this to the
Questions about Google Fonts service (API) milestone

Oct 15, 2017

👍
1
f2083 reacted with thumbs up emoji

All reactions

👍
1 reaction

RosaWagner

removed this from the
Questions about Google Fonts service (API) milestone

Aug 13, 2021

RosaWagner

removed
the

Priority 0 - Urgent and Important

label

Oct 15, 2021

Sign up for free
to join this conversation on GitHub .
Already have an account?
Sign in to comment

You can’t perform that action at this time.

You signed in with another tab or window. Reload to refresh your session.
You signed out in another tab or window. Reload to refresh your session.

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement . We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

The font I have shown here is Merriweather, but the same problem happens with Open Sans, Source Sans, PT Sans...other fonts with latin-ext and Cyrillic. This does not happen with any other browser on Windows (10 Home).
I don't feel like this was a problem yesterday. I haven't updated Windows either.

The text was updated successfully, but these errors were encountered:

I have same problem with Roboto and IE, FF and Edge. The polish characters are either too large or too thin as compared with the rest of text. I was reading that it maybe that IE doesnt understands subset rule? I am still looking for a solution :(
In our case removing amp; form the index.pug file solved the problem. Now it is rendering correctly in IE and other browsers.
Such a small thing but gave me a real headache.
@laerm0 the other browsers support unicode-range and your page doesn't specify a subset so only the latin (core 220 glyphs) are downloaded. This works:
removing & from the [URL] solved the problem
Very interesting! Currently we don't offer a URL with & in the fonts.google.com UI but that was more about how it looks than how it works... However, not encoding the ampersand is a HTTP standards violation :(
Seems like as stated this issue is WAI
Alicja's posted solution - changing & to & - suggests that something else is going on. Not sure if Edge will be fixing that as part of unicode-range work.... seems like a URL parsing issue?

Insufferable Pleasure Family Guy Porn Comics
Bokep Indo Xxx Virgin
Porno Bbw Handjob

400 700 Subset Latin Cyrillic

Report Page