Hello, I'm having trouble with Awesome Font , I'm creating a page that I want to use the icons, I started typing the Awesome Font url, it shows the icons, then it includes 2 more CSS files, boot .css and style.css, after including the icons have stopped showing.
I use the Awesome Font link:
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'>
Ex: showing the icons.
WhenIincludetheother2boot.cssandstyle.cssclassesitstopsshowingtheiconsasshownbelow:
Couldyouhelpme?
InadditiontotheproblemwithFontAwesome,Ialsowanttohidethetextat480pxresolutions.showingonlytheicon.
Followboot.css
/* boot.css */
/*RESET*/
*, *:before, *:after{
margin: 0;
padding: 0;
outline: 0;
font-family: 'Open Sans', sans-serif;
font-size: 1em;
font-weight: 400;
line-height: 1.2;
letter-spacing: 0em;
/*vertical-align: middle;*/
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
body{background: #fff;}
h1{font-size: 2em; font-weight: 300;}
h2{font-size: 1.8em; font-weight: 400;}
h1{font-size: 1.5em; font-weight: 500;}
p{margin-bottom: 15px;}
b,strong{font-weight: bold;}
p:last-child{margin-bottom: 0;}
mark{padding: 5px 10px; background-color: #eee;}
ul{list-style: none;}
img{/*float: left;*/ border: none; /*width: 100%;*/ max-width: 100%; vertical-align: middle;}
small{font-size: 0.75em; color: #555;}
a{text-decoration: none;}
a img{border: 0;}
/*BOOT
CONTAINER*/
.container{float: left; width: 100%;}
.content{width: 90%; margin: 0 5%;/* padding: 40px 0;*/}
.content-page{padding: 60px 0;}
/*