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
Post a Comment