...

View Full Version : embed css fonts



juxmedia
10-09-2007, 04:29 PM
is it possible to stop browsers from changing the fonts ie explorer its splits the whole site to peaces

_Aerospace_Eng_
10-09-2007, 04:31 PM
If you specify what font-family to use then yeah. How about posting a link or some code so we can see what you are talking since you question as it is now is a bit vague.

juxmedia
10-09-2007, 04:35 PM
sorry didnt no if anyone was going to reply or i was just being stupid cheers hear is the link and the css

http://www.juxdesigns.com/New/home.html


html, body {
margin:0;
padding:0;
}

body {
font-family: "Lucida grande", verdana, sans-serif;
font-size:11px;
color:#333;
text-align:center;
background:url('images/bg_gradient.jpg') repeat-x;
}

#wrap {
width:850px;
margin:0 auto 0;
text-align:left;
height: 1050px;
;
background-image: url(images/mid_bg.jpg);
background-repeat: repeat-y;
background-position: center;
}

#hdr {
height:325px;
margin:auto;
width: 850px;
}
#topftr {
background:url('images/top_ftr.png') no-repeat bottom;
height: 25px;
background-position: center;
position: relative;
width: auto;
margin: 0 0 0 0;
padding: 0;
}

#hdr h1 {
font-size:0px;
text-indent:-5000em;
width:260px;
height:250px;
background:url('images/logo.png') no-repeat;
margin: 0 0 0 25px;
}

#hdr h1 a {
display:block;
height:180px;
width:260px;
margin: 0 0 0 30px;
padding: 0;
padding-bottom: 25px;
color: #413F3F;
}

#hdr p {
float:right;
margin-top:-55px;
color:#fff;
text-shadow:2px 2px #333;
}

#hdr p a {
color:#fff;
text-decoration:none;
}
#contact {
height: 110px;
width: 145px;
float: right;
margin: 0;
padding: 0;
text-align: left;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

#hdr p a:hover {
color:#44cd44;
}
.noborder {
margin: 0px;
padding: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

#nav {
width:800px;
height: 110px;
margin: 15px 25px auto;
text-align: center;
padding-top: 0px;
padding: 0;
}
#navholder {
width: 640px;
height: 72px;
padding: 0;
float: right;
text-align: right;
margin: 16px 0 0 0;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-right-color: #777575;
}

#nav ul {
padding:0;
margin:0;
}

#nav ul li {
list-style:none;
text-align:right;
}
#nav ul li a {
display:block;
padding:15px;
background:url('images/nav_bg.gif') no-repeat bottom right;
color:#999;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

#nav ul li a:hover {
color:#44cd44;
background-color:#fff;
}

#content {
float:left;
width:500px;
height: 1040px;
margin-left: 50px;
}
#content h2 {
font-size:28px;
color:#44cd44;
font-family: "Y2K Neophyte";
}
#content h3 {
font-size:28px;
font-family: "Y2K Neophyte";
margin-top: 400px;
}
#content h4 {
font-family: "Y2K Neophyte";
font-size: 28px;
}

#content p {
font-size:18px;
color:#CCCCCC;
margin-top: 0px;
font-family: "Y2K Neophyte";
}
#nav1 {
height: 260px;
width: 260px;
background-image: url(images/webdesignlink.png);
background-repeat: no-repeat;
background-position: center;
padding-left: 30px;
}

#nav1 p {
font-size:75px;
color:#FF0000;
margin-left: 85px;
margin-top: 75px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}






#nav2 {
height: 260px;
width: 260px;
background-image: url(images/printing.png);
background-repeat: no-repeat;
background-position: center;
padding-left: 30px;
}
#nav3 {
height: 260px;
width: 260px;
background-image: url(images/advertising.png);
background-repeat: no-repeat;
background-position: center;
padding-left: 30px;
}
#nav4 {
height: 260px;
width: 260px;
background-image: url(images/hosting.png);
background-repeat: no-repeat;
background-position: center;
padding-left: 30px;
}
#sidenav {
height: 1100px;
float: right;
width: 260px;
}

#ftr {
background:url('images/ftr.png') no-repeat bottom;
height: 70px;
background-position: center;
position: relative;
width: auto;
margin: 0 0 50px 0;
}
#ftr p {
font-family: "Y2K Neophyte";
color: #44cd44;
font-size: 20px;
position: relative;
text-align: center;
}

.clear {
line-height:1px;
height:1px;
clear:both;
}

_Aerospace_Eng_
10-09-2007, 04:39 PM
IE isn't finding the lucida grande font so its using verdana. I suggest you use a more common font-family. Times New Roman might be good for you.

_peter_
10-09-2007, 04:41 PM
you are using non-standard fonts and therefor on many other computers it will not work correctly.

one way is to put those fonts for downloads... but generally use normal fonts (which come with windows and put one generic family at the end)

oops sorry Aero. delete the post

juxmedia
10-09-2007, 04:46 PM
any idea why the writing in the footer has gone to left aswell cheers

_peter_
10-09-2007, 05:33 PM
you need margin 0 auto 50px auto



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum