Google Webfonts - no Styles? |
|
alfforden
|
Hello everybody, I would like to use a Google Webfont for my Template, but I can't see a possibility to access styles like "Normal 400", "Medium 500", "Semi-Bold 600", "Bold 700" etc. ... all I see is standard "Italic, Bold" etc.
Example: http://www.google.com/webfonts/specimen/Titillium+Web this font has 11 Styles, none of it accessible in Artisteer as far as I see ...
How do I access those? (Actually I want to have the whole text on my page in Bold 700 of a specific google webfont ...)
|
|
PurpleEdge
|
Have a look at this page which you get when you "Pop" a font...
http://www.google.com/webfonts/specimen/Titillium+Web
View the source code, for example...
.Titillium-Web-italic-600 {
font-family: 'Titillium Web' !important;
font-style: italic;
font-weight: 600;
}
In Artisteer for the font family type in
Titillium Web
For the style, choose italic
Not sure where you enter the weight, but I edited the html for a section of text and added it there...
<p><span style="font-family: 'Titillium Web'; font-size: 24px; font-style: italic; font-weight: 600;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pharetra, tellus sit amet congue vulputate, nisi erat iaculis nibh, vitae feugiat sapien ante eget mauris. Aenean sollicitudin imperdiet arcu, vitae dignissim est posuere id.</span></p> .Titillium-Web-italic-600 { font-family: 'Titillium Web' !important; font-style: italic; font-weight: 600; }
You could add the style to the css?
|
|
David McMeans
|
For Drupal 7, edit templates / html.tpl.php. Find the line that looks like:
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Quicksand|Muli&subset=latin" />^M
and change it to
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Quicksand:400,700|Muli&subset=latin" />^M
This causes normal and bold to be loaded for Quicksand.
I do not know how to make this change in the Artisteer editor.
|
|
|
|