Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7

Thread: embed css fonts

  1. #1
    New Coder
    Join Date
    Sep 2007
    Posts
    27
    Thanks
    7
    Thanked 0 Times in 0 Posts

    embed css fonts

    is it possible to stop browsers from changing the fonts ie explorer its splits the whole site to peaces

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    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.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • Users who have thanked _Aerospace_Eng_ for this post:

    juxmedia (10-09-2007)

  • #3
    New Coder
    Join Date
    Sep 2007
    Posts
    27
    Thanks
    7
    Thanked 0 Times in 0 Posts
    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;
    }

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    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.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • Users who have thanked _Aerospace_Eng_ for this post:

    juxmedia (10-09-2007)

  • #5
    New Coder
    Join Date
    Oct 2007
    Posts
    22
    Thanks
    0
    Thanked 4 Times in 4 Posts
    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

  • Users who have thanked _peter_ for this post:

    juxmedia (10-09-2007)

  • #6
    New Coder
    Join Date
    Sep 2007
    Posts
    27
    Thanks
    7
    Thanked 0 Times in 0 Posts
    any idea why the writing in the footer has gone to left aswell cheers

  • #7
    New Coder
    Join Date
    Oct 2007
    Posts
    22
    Thanks
    0
    Thanked 4 Times in 4 Posts
    you need margin 0 auto 50px auto


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •