css - robotoslab light font in opencart 2.0.1.1 -


i using opencart 2.0.1.1 , want use roboto slab light fonr in website product name , heading of featured , latest blog. take link google font , add header.tpl <link href='http://fonts.googleapis.com/css?family=roboto+slab:400,300,700,100&subset=latin,cyrillic-ext,latin-ext,cyrillic,greek-ext,greek,vietnamese' rel='stylesheet' type='text/css'> , css font family add in stylesheet "robotoslab", serif; after applying found serif font apply robotoslab not. please me in matter , using opencart 2.0.1.1 default theme.

this done , solution add css codes stylesheet `

@font-face {   font-family: 'robotoslab';   src: url('../fonts/robotoslab-regular.eot');   src: url('../fonts/robotoslab-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/robotoslab-regular.woff') format('woff'), url('../fonts/robotoslab-regular.ttf') format('truetype'), url('../fonts/robotoslab-regular.svg#robotoslab') format('svg');   font-weight: normal;   font-style: normal; } @font-face {   font-family: 'robotoslab-bold';   src: url('../fonts/robotoslab-bold-webfont.eot');   src: url('../fonts/robotoslab-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotoslab-bold-webfont.woff') format('woff'), url('../fonts/robotoslab-bold-webfont.ttf') format('truetype'), url('../fonts/robotoslab-bold-webfont.svg#robotoslab-bold') format('svg');   font-weight: normal;   font-style: normal; } @font-face {   font-family: 'robotoslab-light';   src: url('../fonts/robotoslab-light-webfont.eot');   src: url('../fonts/robotoslab-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotoslab-light-webfont.woff') format('woff'), url('../fonts/robotoslab-light-webfont.ttf') format('truetype'), url('../fonts/robotoslab-light-webfont.svg#robotoslab-bold') format('svg');   font-weight: normal;   font-style: normal; }` 

and add fonts folder inside theme of root directory


Comments

Popular posts from this blog

How has firefox/gecko HTML+CSS rendering changed in version 38? -

javascript - Complex json ng-repeat -

jquery - Cloning of rows and columns from the old table into the new with colSpan and rowSpan -