Thanks @jukka-k-korpela and @Diegys
I am really new to configuring fonts for a web application.
Here's what I did.
Here are the google web pages associated with the Antic Slab and Antic google fonts:
http://www.google.com/fonts#UsePlace:use/Collection:Antic
http://www.google.com/fonts#UsePlace:use/Collection:Antic+Slab
I downloaded zip files associated with the the Antic Slab and Antic from google fonts.
I extracted the zip files, and got ttf files.
I processed the ttf files by uploading them into the font squirrel web font generator in order to get the woff files, eto files, etc.
Here is the url for the font squirrel web font generator:
http://www.fontsquirrel.com/tools/webfont-generator
Also, here are the @font-face CSS code that was placed at the top of my css file:
@font-face {
font-family: 'Antic Slab';
font-style: normal;
font-weight: 400;
src: url('/styles/AnticplusSlab/fontsquirrelwebfontgenerator/anticslab-regular- webfont.eot');
src: url('/styles/AnticplusSlab/fontsquirrelwebfontgenerator/anticslab-regular- webfont.eot?#iefix') format('embedded-opentype'),
local('Antic Slab'), local('AnticSlab-Regular'), url(/styles/AnticplusSlab/fontsquirrelwebfontgenerator/anticslab-regular-webfont.woff) format('woff'),
url('/styles/AnticplusSlab/fontsquirrelwebfontgenerator/anticslab-regular- webfont.ttf') format('truetype');
}
@font-face {
font-family: 'Antic';
font-style: normal;
font-weight: 400;
src: url('/styles/Antic/fontsquirrelwebfontgenerator/antic-regular-webfont.eot');
src: url('/styles/Antic/fontsquirrelwebfontgenerator/antic-regular-webfont.eot?#iefix') format('embedded-opentype'),
local('Antic'), local('Antic-Regular'), url(/styles/Antic/fontsquirrelwebfontgenerator/antic-regular-webfont.woff) format('woff'),
url('/styles/Antic/fontsquirrelwebfontgenerator/antic-regular-webfont.ttf') format('truetype');
}
The fonts would properly show up in my web application.