Introduction
For this we need to generate web fonts using a TTF file.
Here in this article we'll learn how web fonts are generated and how they are used.
Step 1: Download the True Type Fonts TTF of the desired font style.
Step 2: Go to any web font generator website. For example fontsquirrel.com.
Step 3: Upload that (.ttf) file of fonts to that website.
Step 4: Click on Generate Web Fonts or just upload the required font, It will automatically generate the kit.
Step 5: Download the complete Zip file.
Step 6: Extract the Zip file.
Step 7: Open the .css file.
Step 8: Copy the entire folder to your CSS folder in your project.
Step9: Copy the code of the font CSS (stylesheet.css) and ensure that you have given the correct URLs for all formats.
Step10: For example, Old English regular fonts.
- @font - face
- {
- font - family: 'olde_englishregular';
- src: url('fonts/oldenglish/olde_english_regular-webfont.eot');
- src: url('fonts/oldenglish/olde_english_regular-webfont.eot?#iefix') format('embedded-opentype'),
- url('fonts/oldenglish/olde_english_regular-webfont.woff2') format('woff2'),
- url('fonts/oldenglish/olde_english_regular-webfont.woff') format('woff'),
- url('fonts/oldenglish/olde_english_regular-webfont.ttf') format('truetype'),
- url('fonts/oldenglish/olde_english_regular-webfont.svg#olde_englishregular') format('svg');
- font - weight: normal;
- font - style: normal;
- }
- .old_english_font
- {
- font - family: 'olde_englishregular'!important;
- font - size: 50px;
- }
Abhijeet SinghPosted Mar 31, 2015, 2:41 AM
Tom Mohan thanks.. :)
Abhijeet SinghPosted Mar 31, 2015, 2:36 AM
Abhijit Patil Can we compare timezone to set input language depending on the region? for example if we choose Moscow Time Zone (UTC+03:00) will provide Russian as input language.
Tom MohanPosted Mar 30, 2015, 4:40 AM
nice one
Abhijit PatilPosted Mar 30, 2015, 1:24 AM
hellow abhijit i want to set input language depend on culture,can u help me please.
Abhijeet SinghPosted Mar 30, 2015, 12:57 AM
Sourabh Somani Thanks.. :)
Sourabh SomaniPosted Mar 30, 2015, 12:14 AM
Nice one :)
Abhijeet SinghPosted Mar 29, 2015, 2:10 PM
Thank You Vithal Sir.. :)
Vithal WadjePosted Mar 29, 2015, 12:55 PM
nice one
Abhijeet SinghPosted Mar 29, 2015, 12:39 AM
Thank You Sir .. :)
Rahul Kumar SaxenaPosted Mar 29, 2015, 12:19 AM
Good Show..