Google Fonts, Please! Help me set up my CSS for google fonts |
Google Fonts, Please! Help me set up my CSS for google fonts |
ashton1974 |
Aug 28 2015, 11:30 AM
Post
#1
|
Group: Members Posts: 1 Joined: 28-August 15 Member No.: 23,462 |
Hello! Can any one please! help me to set up my CSS to support google web fonts. I have tried all the tutorials and now I am just stuck. I would like to use google fonts for my body, h1,h2,h3. Thank you for any help!
Body <link href='https://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'> @import url(https://fonts.googleapis.com/css?family=Droid+Serif); font-family: 'Droid Serif', serif; Headers <link href='https://fonts.googleapis.com/css?family=Aladin' rel='stylesheet' type='text/css'> @import url(https://fonts.googleapis.com/css?family=Aladin); font-family: 'Aladin', cursive; Upper part of my CSS @import url('reset.css'); @import url('widgets.css'); @import url('comments.css'); @import url('forms.css'); @import url('social.css'); @import url('shortcodes.css'); @import url('../js/poshytip-1.1/src/tip-yellowsimple/tip-yellowsimple.css'); @import url('isotope.css'); @import url('font-awesome.css'); @import url(http://fonts.googleapis.com/css?family=Aladin); /* Vars ----------------------------------------------------*//* Mixins ----------------------------------------------------*//* IMPORT ------------------------------------------------------------*/ /* aditional */ /* Fonts ----------------------------------------------------*//* Here you go ie */ /* For real web browsers */ @font-face { font-family: 'mensch'; font-style: normal; font-weight: normal; src: url('../fonts/mensch-webfont.ttf'); } /* GENERAL ------------------------------------------------------------*/ .cf:after, .cf:before { content: ""; display: table; } .cf:after { clear: both; } .cf { zoom: 1; } .wrapper { margin: 0 auto; width: 980px; position: relative; background: #ece9d6 url(../img/noise.png); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.22); } body { font-family: 'Halant', serif; font-size: 16px; line-height: 1.5em; background: #cc9933 url(../img/bg.png); color: #444444; } body a { text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } body p { margin-bottom: 21px; } #main h1, #main h2, #main h3, #main h4, #main h5, #main h6 } h1 { font-size: 48px; } h2 { font-size: 36px; } h3 { font-size: 30px; } h4 { font-size: 24px; } h5 { font-size: 18px; } h6 { font-size: 14px; } #main .headline { font-family: 'Aladin'; line-height: 1.3em; font-size: 48px; color: #4d4d4d; text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.3); text-align: center; margin-bottom: 10px; margin-right: 20px; margin-left: 20px; } |
Frederiek |
Aug 28 2015, 04:32 PM
Post
#2
|
Programming Fanatic Group: Members Posts: 5,146 Joined: 23-August 06 From: Europe Member No.: 9 |
|
Lo-Fi Version | Time is now: 19th April 2024 - 10:10 PM |