I have the following font files:
Oct 22, 2015 - It's a display face that features both text figures and lining numerals. Text figures are default in Raleway typeface, though it does feature a lining numerals set. Src: url('/assets/fonts/Roboto-Regular.ttf') format('truetype').
Now i have implemented them in my css like follow:
However when i change the class to semi_bold
for example nothing changes? so am i implementing them in a wrong way or am i missing something?
Note That the first raleway the font-face works fine but it is the rest that doesnt seem to make any changes to my text
2 Answers
You need to define all of your custom fonts in @font-face
blocks. Only then can you use them in normal styles. Here you have defined Raleway
only, so those classes which use it (all except .bold
) will use Raleway-Regular.ttf
.
Note that you need to define somewhere that ordinary text should use font-family: 'Raleway';
.
You need to declare each typeface (here, each font weight) in a @font-face
rule of its own. You should also use different font formats to cover all browsers. For a simple example for the former principle, see font-face weight and for the latter, use e.g. the FontSquirrel generator.
Not the answer you're looking for? Browse other questions tagged htmlcssfonts or ask your own question.
The best website for free high-quality Raleway fonts, with 2 free Raleway fonts for immediate download, and ➔ 7 professional Raleway fonts for the best price on the Web.
2 Free Raleway Fonts
- Raleway2 StylesHideShow
- Raleway DotsHideShow
- Free Font Raleway by The League of Moveable Type | Font ...
Download and install the Raleway free font family by The League of Moveable Type as well as test-drive and see a complete character set.
- Raleway font from Google Fonts - fonts.google.com
Making the web more beautiful, fast, and open through great typography
- Raleway Font - 1001 Free Fonts
Raleway Font. 1001 Free Fonts offers a huge selection of free fonts. Download free fonts for Windows and Macintosh.
- Raleway Font Family · 1001 Fonts
Raleway is an elegant sans-serif typeface, designed in a single thin weight. It is a display face that features both old style and lining numerals, standard and ...
- Raleway Font | Raleway Typeface | Free Fonts and Web Fonts
Raleway font is sans serif font which is designed by Multiple Designers. This font is labeled as Google Font font. Raleway font family has 9 variant.
- Raleway | The League of Moveable Type
Raleway is an elegant sans-serif typeface, designed in a single thin weight. ... All fonts from The League of Moveable Type are subject to the Open Font License.
- CSS Font Stack: Raleway Web Font
Preview Your Fonts Your headline is in Raleway This is a sub heading in Raleway. This paragraph is in Raleway. Keep reading for how to use the buttons to the left.
- Raleway Thin font - Fonts2u.com free fonts
Raleway-Thin.ttf Raleway-Heavy.ttf Raleway-SemiBold.ttf Raleway-Regular.ttf RalewayDots-Regular.ttf Raleway-Medium.ttf Raleway-ExtraLight.ttf Raleway-Bold.ttf
Please note: If you want to create professional printout, you should consider a commercial font. Free fonts often have not all characters and signs, and have no kerning pairs (Avenue ↔ A venue, Tea ↔ T ea).
Check it for free with Typograph.
- FF Gateway™
- Stannard
- Chipperly
- Larchmont™
- Syondola
- Enamela
- Pardon Me Boy!™