Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

CSS fonts from Google Font 3

Status
Not open for further replies.
lupidol

lupidol

Programmer
Apr 23, 2008
125
IL
Hi everyone,
I'd like my font style to use one of Google Font's font.
This is a demo I use of how to do so:
Code: 
<html>
  <head>
    <link rel="stylesheet" type="text/css"
          href="[URL unfurl="true"]https://fonts.googleapis.com/css?family=Tangerine">[/URL]
    <style>
      body {
        font-family: 'Tangerine', serif;
        font-size: 48px;
      }
    </style>
  </head>
  <body>
    <div>Making the Web Beautiful!</div>
  </body>
</html>
Uploading the above page I see this on my display:
to_forum1_d5x5e2.gif

Unfortunately, "Tangerine" is not the font I need.
From "Google Font" selection showm in the following image:
to_forum2_fwhd9s.gif

I selected 'Rubik' but then I didn't get the desired font.
Could anyone please explain the right way to get a font from Google Font ?
Thanks
 
Sort by date Sort by votes
Hi

The sample on your screenshot contains Hebrew script. Are you intending to use it for that ? Then you have to ask for them in the URL :

[ignore][/ignore]

Otherwise the font works fine for me with Latin script. My knowledge seems to be weak to test with Hebrew too. :-(


Feherke.
feherke.ga
 
Upvote 0 Downvote
When you select a font from google fonts Google builds the <link> for you so all you need to do is copy it to your html document. If you click the + sign next to the font you get a black bar at the bottom of the browser window. click it, and it will show the embed link you need to copy.

With that said, the font you show for Rubik is the Hebrew variation, but you need to actually write in Hebrew for it to show hebrew characters. It does not simply take the letter "a" and turn it into a hebrew character for instance. It has support for the extra characters to write in Hebrew.

הטבע האחד שלי והטבע האחר חלקו





----------------------------------
Phil AKA Vacunita
----------------------------------
OS-ception: Running Linux on a Virtual Machine in Windows which itself is running in a Virtual Machine on Mac OSx.

Web & Tech
 
Upvote 0 Downvote
If "Tangerine" works, you have the correct method.

Chris.

Indifference will be the downfall of mankind, but who cares?
Time flies like an arrow, however, fruit flies like a banana.

Never mind these jesus character, stars had to die for me to live.
 
Upvote 0 Downvote
Thank you !
I managed to do it thanks to you !
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
466
spamjim
spamjim
jizzer
  • Locked
  • Question
HTML/CSS Image map with multiple tool-tips
Replies
3
Views
788
spamjim
spamjim
Expoverse
  • Locked
  • Helpful tip
Solution to CSS Two Level Horizonal Menu 1
Replies
1
Views
409
pmonett
pmonett
PeDa
  • Locked
  • Question
CSS two level horizontal menu
Replies
0
Views
326
PeDa
PeDa
lmcate
  • Locked
  • Question
From HTML Page open an MDB files on the server and work
Replies
0
Views
132
lmcate
lmcate

Part and Inventory Search

Sponsor

Back
Top