CODEWITHSUNDEEP
csshtmlfirefoxgoogle-font-apiroboto
Alex Arvanitidis
Alex Arvanitidis

Reputation: 4464

Firefox - Google fonts, greek won't work with Roboto

you can check the following snippet, the issue is that Roboto will not show properly on firefox on greek characters.

body {
  font-family: Roboto, sans-serif;
}
<link href="http://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css">


<h1>This is a test</h1>
<h1>Αυτό είναι ένα τεστ</h1>

Upvotes: 0

Views: 884

Answers (2)

dippas
dippas

Reputation: 60563

You need to add the subset "greek" (I added greek extended too just in the case)

body {
  font-family: Roboto, sans-serif;
}
<link href='http://fonts.googleapis.com/css?family=Roboto&subset=latin,greek-ext,greek' rel='stylesheet' type='text/css'>

<h1>This is a test</h1>
<h1>Αυτό είναι ένα τεστ</h1>

P.S. - How can you do this automatically?

In step 2 here

Upvotes: 1

pj100
pj100

Reputation: 402

It would appear that you need to add the correct subsets to the font API call. Try using this instead 

http://fonts.googleapis.com/css?family=Roboto&subset=latin,greek-ext,greek

This appeared to work for me in firefox.

Upvotes: 1

Related Questions