CODEWITHSUNDEEP
cssgwtfonts
pbhle
pbhle

Reputation: 2936

Right way to include google font in GWT application

I have installed google font roboto on my machine, I am also including 

<link href='http://fonts.googleapis.com/css?family=Roboto:regular,medium,bold,thin' rel='stylesheet' type='text/css'>

in tag of my welcome.html file .

and in css file I am using css like

.mycss{
font-family: "robotoregular","sans-serif","arial";
font-size: 13px;
}

Its working fine in development mode, but when I deploy it on tomcat font size is 2-3px large than development mode. I don't know why its coming. can somebody help me to get out of this? Also how to import Google font in gwt.

Thanks,

Upvotes: 1

Views: 328

Answers (1)

Andrei Volgin
Andrei Volgin

Reputation: 41099

First of all, it should be:

font-family: "Roboto", sans-serif;

You can include Google font in your GWT html file the same way as you did for your welcome.html. This is the link that Google recommends (you can choose your own font weights, of course):

<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">

Upvotes: 2

Related Questions