Difference between revisions of "Using Google fonts in styling"
Jump to navigation
Jump to search
old>Admin (Created page with 'Example @import url(http://fonts.googleapis.com/css?family=Play:400,700); .TempusServaPage h3 { font: normal 14px 'play' }') |
m (13 revisions imported) |
||
| (12 intermediate revisions by one other user not shown) | |||
| Line 1: | Line 1: | ||
Find a font you alike | |||
http://www.google.com/webfonts | |||
.TempusServaPage h3 { | Klik "Quick use" on the font you want to use and follow the directions. | ||
Change your stylesheet like this example | |||
<blockquote> | |||
...<br> | |||
@import url(http://fonts.googleapis.com/css?family=Molle:400italic);<br> | |||
...<br> | |||
.TempusServaPage h3 { font-family: 'Molle'; }<br> | |||
...<br> | |||
</blockquote> | |||
The import method is needed, but embedding by a link inside a wrapper is also possible. | |||
<!-- | |||
<style type="text/css"> | |||
@import url(http://fonts.googleapis.com/css?family=Molle:400italic); | |||
.TempusServaPage h3 { font-family: 'Molle'; } | |||
</style> | |||
<h3 style="font-family: 'Molle';">Enjoy youre new font</h3> | |||
--> | |||
Latest revision as of 12:56, 10 December 2021
Find a font you alike
http://www.google.com/webfonts
Klik "Quick use" on the font you want to use and follow the directions.
Change your stylesheet like this example
...
@import url(http://fonts.googleapis.com/css?family=Molle:400italic);
...
.TempusServaPage h3 { font-family: 'Molle'; }
...
The import method is needed, but embedding by a link inside a wrapper is also possible.