I look at the great video Chetan made for Joomdev at
After downloading my fonts from Google (in True Type TTF) I try the Font generator Squirrel show in the video — www.fontsquirrel.com/tools/webfont-generator on the standard Optimal settings. Note: You have an Expert mode that probably work better, seem pretty complicated for me
Sadly, in Squirrel, the mode Optimal do not load the entire font subsets needed (of a particular fonts) under one font family name. This prevent the use of basic css rules like style:normal / italic or even the weight (400, 600, 700,,,) or the strong/bold easily
As example this is the CSS proposed by Squirrel/Optimal
The big advantages here is the css code to embed the font and its subsets in ONLY one family name and the ability to use the normal font styling (Weight, style...)
• You use 'Overlock' for the family and all subsets
• You can use the font-style (normal, italic, strong, bold....}
• You can use the font-weight (400, 500, 600....}
================================================== ALSO a hint, because as a new user of the great JoomDev Astroid system (long time RocketTheme user before)
Use font-display to load faster css-tricks.com/almanac/properties/f/font-display/
To prevent “flash of invisible text”, better to use font-display in your stylesheet.
The administrator has disabled public write access.
JoomDev is not affiliated with or endorsed by Open Source Matters or the Joomla! Project. The Joomla! logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.