浏览器会覆盖我的CSS字体

时间:2011-08-05 12:05:06

标签: html css css3

我建了一个网站。在所有浏览器中,一切看起来都很酷很好。

但今天我的一位客户发现,在他的Opera浏览器中,字体是不同的。这是一个计算机字体,我的意思是,你不能使用css的字体,它是一些自定义字体。

在CSS文件中,对于那些文本字体和默认的Body字体,我有sylfaen,calibri,georgia,helvetica,arial;突然间,字体甚至更接近我的CSS中提到的一种字体。

还有一件事是,在某些地方我们有sylfaen,在某些情况下我们有愚蠢的字体。

可能是什么问题?

    body { background: url(../images/intro_bg.jpg) top center; background-attachment:fixed; margin:0; padding:0;
    font:normal 12px Calibri, Sylfaen, Georgia, Tahoma, Arial; color:#898a8c; line-height: 140%; }

    img { border: none; }

.wrapper { width:1001px; height:554px; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; }
#wrapper { width:1000px; margin:0px auto 0px auto; position: relative;}
    .flash { background-color: #fff; width:343px; height:554px; float:left; }
    .form { background:url(../images/intro.jpg); width:624px; height:554px; float:right; } 
        .date { margin-top:372px; padding-left:120px; }
        .date input { background:url(../images/intro_form.png) top center no-repeat; width:92px; height:50px; border:none; 
                font:normal 40px/50px Calibri, Sylfaen, Georgia, Tahoma, Arial; color: #939598; text-align:center; margin-right:9px; }
        .country { margin-top:38px; width:213px; margin-left:85px; }
        .country select { height:18px; width:213px; font:normal 12px/18px Calibri, Sylfaen, Georgia, Tahoma, Arial; color: #939598; }
        p.buttons { margin: 50px 0 0 0; padding-left: 2px;} 
        p.buttons input.geo { background:url(../images/geo.png) no-repeat; width:113px; height:24px; border:none; margin-left: 6px; text-indent:-9999px; }
        p.buttons input.geo:hover { cursor: pointer; }      
        p.buttons input.eng { background:url(../images/eng.png) no-repeat; width:113px; height:24px; border:none; margin-left: 8px; text-indent:-9999px; }
        p.buttons input.eng:hover { cursor: pointer; }          
        p.buttons input.rus { background:url(../images/rus.png) no-repeat; width:113px; height:24px; border:none; margin-left: 9px; text-indent:-9999px; }
        p.buttons input.rus:hover { cursor: pointer; }          
        .shadow { background:url(../images/shadow.png) top center no-repeat; width:1034px; margin:0 auto; padding-top:0px; }

        #header { width:1000px; height:305px; }
        .header-top { background: url(../images/header-top.jpg) top center no-repeat; height:106px; width: 1000px; margin: 0 auto;}
        .logo { width: 171px; height: 106px; margin:0 auto; }

        .header-banner {  width: 1000px; height: 159px; margin:0 auto; }
        .menu-right { background:none; float: right; width:120px; height:40px; margin: 0 16px 0 0; }


        #menu { background:#887b33; height:40px; width:1000px; margin:0; padding:0; }
        .menu-main { list-style: none; margin: 0; padding: 0; height: 40px; width: 700px; float: left; }
        .menu-main li { display:inline; border-right: solid 1px #a39961; }
        .menu-main li:hover { display:inline; border-right: solid 1px #a39961; }
        .menu-main li img { display:none; }



.menu-main ul
    {
    position:relative;
    width:200px;
    z-index:500;
    display:none;
    margin:0;
    border:none;
    }

.menu-main ul ul
    {
    top:0;
    left:100%;
border:none;    
    }

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none; border:none; }

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block; border:none; }      

div#menu li ul li  { height: 20px; border:none; }       
div#menu li ul li  a{ background: #b1a676; color: #fff; height: 30px; font: normal 12px/30px Sylfaen, Calibri, Georgia, Arial, Verdana; text-decoration: none;
    text-indent: 8px; border:none;
-webkit-box-shadow: 0 10px 15px rgba(0,0,0,.1);
-moz-box-shadow: 0 10px 15px rgba(0,0,0,.3);
box-shadow: 0 8px 12px rgba(0,0,0,.1); }        
div#menu li ul li  a:hover { background: #887b32; color: #fff; border:none; }       


div#menu div.menu-right div#jflanguageselection ul.jflanguageselection { width:120px; margin:0; padding:0; margin-top: 11px; text-align: right; 
    margin-right: -5px; float:right; }
div#menu div.menu-right div#jflanguageselection ul.jflanguageselection li{ width:20px; margin:0; padding:0; display:inline; margin-right: 5px; }
div#menu div.menu-right div#jflanguageselection ul.jflanguageselection li a{ font: normal 14px calibri, georgia, sylfaen, verdana; 
    text-decoration: none; color:#fff; text-transform: uppercase; }

        #content-holder { background:#fff url(../images/cont_shd.png) top center repeat-x; width:964px; padding:25px 18px 20px 18px; }
            .left { width:111px; float:left; margin:0; padding:0;  margin-right:17px;}
            .left-menu { width:145px; float:left; margin:0; padding:0; background: #fff; margin-left:-18px; }
            .left-menu2 { width:145px; float:left; margin:0; padding:0; background: #fff; margin-left:-18px; }
            .right { width:111px; float:right; margin:0; padding:0; }
                .right img { margin-bottom:20px;}
        .content-main { width:677px; float:left; border-left:solid 1px #c5c7c8; border-right: solid 1px #c5c7c8;
            padding: 0 14px; }
        .content-main-wine { width:810px; float:left; border-left:solid 1px #b2b4b6; border-right: solid 0px #8a8d08;
            padding: 0 0 0 14px; }
        .content-search { width:677px; float:left; border-left:solid 1px #c5c7c8; border-right: solid 1px #c5c7c8;
            padding: 0 14px; min-height:450px; }            


        #article { width:677px; border-bottom:solid 1px #c6c785; padding: 0 0 20px 0; margin: 0 0 20px 0; }
            .article-image { width:148px; float:left;}
            .article-cont { width:510px; float:right; }
            .art-title { margin: -5px 0 5px 0; font:normal 20px Sylfaen, Calibri, Georgia, Tahoma, Arial; color:#8a8e06; }
            .art-text { margin:0; }
            .read-more { margin: 5px 0 0 0; }
            .read-more a { font:normal 12px Calibri, Sylfaen, Georgia, Tahoma, Arial; color:#7c202b; text-decoration:none; }

        #bot_cont { background: #35311c; width: 964px; height:150px; padding: 15px 18px 15px 18px; }
            .holder { float: left; margin-right: 15px; }
            .holder h3 { color: #8b8e09; font: bold 14px Calibri, Sylfaen, Georgia, Tahoma, Arial; border-right: solid 2px #887b32; margin: 0 0px 10px 0; width:140px }
            .holder ul.lists { width:140px; float: left; margin:0; padding:0; margin-right:15px; }
            .holder ul.menu-lists { width:140px; float: left; margin:0; padding:0; margin-right:15px; }
            .holder ul.small { width: 80px; }
            .holder ul.menu-lists li { list-style:none; margin-bottom:0px; }
            .holder ul.menu-lists li { list-style:none; margin-bottom:0px; }
            .holder ul.lists li { list-style:none; margin-bottom:0px; }
            .holder ul.menu-lists li a { color: #fff; font: normal 13px Sylfaen, Calibri, Georgia, Tahoma, Arial; line-height: 130%; text-decoration:none; }            
            .holder ul.lists li a { color: #fff; font: normal 13px Sylfaen, Calibri, Georgia, Tahoma, Arial; line-height: 130%; text-decoration:none; }         
            .holder ul.icons { float:left; margin:0; padding:0; }
            .holder ul.icons li { display:inline; list-style:none; margin-right:15px; }
            .holder h3.last { border: none; }           

            .buyonline { margin-top: 15px; float: left; height:29px; width:111px; }                     




        #footer { background: #887b32; width: 1000px; height: 24px; margin-bottom: 0px; padding-top:6px; }
            .copyright { margin: 0 0 0 10px; color: #fff; float: left; }
            .developed { margin: 0 10px 0 0; color: #fff; float: right; }
            .developed a { color: #fff; text-decoration:none; }         


.tree ul {  margin:0; padding:0; width:145px; list-style:none; }
.tree ul li ul { margin:0; padding:0; width:145px; list-style:none; }
.tree ul li ul li a { font: normal 12px/20px sylfaen, calibri, Georgia, "Times New Roman", Times, serif; color:#7b212b; display:block;
     text-decoration:none; text-indent: 10px; margin-bottom: 1px; }
.tree ul li ul li a:hover { background-color: #b57978; color:#fff; }     
.tree ul li ul li a.sublevel_active { background-color: #7b212b; color:#fff; }   
.tree ul li ul li a#active_menu { background-color: #7b212b; color:#fff; }   


.tree ul li ul li ul { margin:0; padding:0; list-style:none; }
.tree ul li ul li ul  li {  text-indent: 20px; }
.tree ul li ul li ul li a { background-color: #fff; font: normal 12px/20px sylfaen, calibri, Georgia, "Times New Roman", Times, serif; 
    color:#808285; display:block; text-transform:uppercase; text-decoration:none; margin-bottom: 1px; }
.tree ul li ul li ul li a:hover { background-color: #ada05a; color:#fff; }      
.tree ul li ul li ul li a.sublevel_active { background-color: #887b32; color:#fff; }        
.tree ul li ul li ul li a#active_menu { background-color: #887b32; color:#fff; }        


.tree ul li ul li ul li ul { margin:0; padding:0; list-style:none;  }
.tree ul li ul li ul li ul li a { background-color: #fff; font: normal 12px/20px sylfaen, calibri, Georgia, "Times New Roman", Times, serif; 
    color:#cbbc9a; display:block; text-transform:capitalize; text-decoration:none; text-indent: 28px; margin-bottom: 1px; } 
.tree ul li ul li ul li ul li a:hover { background-color: #d3ceb1; color:#fff; }        
.tree ul li ul li ul li ul li a.sublevel_active{ background-color: #cbbc9a; color:#fff; }       
.tree ul li ul li ul li ul li a#active_menu{ background-color: #cbbc9a; color:#fff; }       


.tree ul li ul li ul li ul li ul { margin:0; padding:0; list-style:none;  } 
.tree ul li ul li ul li ul li ul li a { background-color: #fff; font: normal 12px/20px sylfaen, calibri, Georgia, "Times New Roman", Times, serif; 
    color:#887b32; display:block; text-transform:capitalize; text-decoration:none; text-indent: 33px; margin-bottom: 1px; } 
.tree ul li ul li ul li ul li ul li a:hover { background-color: #e2dec9; color:#fff; list-style:none; }
.tree ul li ul li ul li ul li ul li a.sublevel_active { background-color: #e2dec9; color:#fff; list-style:none; }
.tree ul li ul li ul li ul li ul li a#active_menu { background-color: #e2dec9; color:#fff; list-style:none; }



div.content-main-wine { color: #808285; text-align: left; }
div.content-main-wine h2 { font: normal 18px sylfaen, georgia, verdana, aria, calibri; margin: 0 0 10px 0; color: #000; }

#wineholder { width: 680px; border-bottom: solid 1px #c5c7c8; padding-bottom: 10px; float:left; margin-bottom:20px; }
#wineholder-large { width: 690px; border-bottom: solid 0px #c5c7c8; padding-bottom: 10px; float:left; }
#wineholder-large  p { margin-bottom: 20px; }
.winesimage-small { float: left; border:0; }
.winesimage { float: left; border:0; margin-right:10px; }
.wine-title { color: #7b212b; font: normal 18px Sylfaen, Georgia, Calibri, Verdana, Arial;  float: left; width: 577px;
    margin-bottom: 5px; margin-top: -5px; margin-left: 3px; }
table.contentpaneopen h3 { color: #7b212b; font: normal 18px Sylfaen, Calibri, Georgia, Verdana, Arial; margin-bottom: 0px; margin-top:10px; }  
.wine-descript-short h3 { color: #7b212b; font: normal 18px Sylfaen, Calibri, Georgia, Verdana, Arial; margin-bottom: 0px; margin-bottom:5px; } 
table.contentpaneopen h4 { color: #808285; font: normal 18px Sylfaen, Calibri, Georgia, Verdana, Arial; margin-bottom: 0px; margin-top:10px; }  
table.contentpaneopen h6 { color: #887b32; font: normal 18px Sylfaen, Calibri, Georgia, Verdana, Arial; margin-bottom: 0px; margin-top:10px; }  
table.contentpaneopen tr td table tr td p { margin-bottom: 25px; line-height:160%; }
table.contentpaneopen tr td div p { margin-bottom: 17px; line-height:160%; }
table.contentpaneopen { width:100% }
.wine-descript-short { width: 577px; float: left; margin-left: 3px; text-align: left; }
.wine-descript-short p { margin: 0; }
p.readmore { float:left;  margin: 25px 0 0 3px; }
p.readmore a { color: #cbbc9a; text-decoration: none; font: normal 12px Calibri, Sylfaen, Georgia, Arial; }

.redtext { color: #7c212a; }
.readon { color: #cbbc9a; text-decoration: none; }


.contact { width:300px; border-right: dashed 1px #c5c7c8; margin:0; padding:0; padding-right:10px; float: left; }
.contact  a { color: #887b32; font: normal 12px Sylfaen, Calibri, Georgia, Verdana, Arial; text-decoration:none; }
.contact  span { color: #35321c; font: normal 12px Sylfaen, Calibri, Georgia, Verdana, Arial; text-decoration:none; }

div.left-menu2 div.moduletable h3 { color: #887b33; font: bold 12px Sylfaen, Calibri, Georgia, Verdana, Arial; text-decoration:none; text-indent:17px;}

.menu-left2 { margin:6px 0 0 0; padding:0; list-style:none; width:145px; }
.menu-left2 li { list-style:none; width:145px; margin-bottom:1px; }
.menu-left2 li a { 
background: #fff;
display: block;
padding: 2px 5px 2px 25px;
text-decoration: none;
/* text-indent: 25px; */
font: normal 12px/20px calibri, sylfaen, georgia, verdana;
color: #808285;
 }

.menu-left2 li a:hover { background: #ada05a; color: #fff; }
.menu-left2 li.active a { 
background: #887b33;
color: #fff;
 } 

.contact-form { width:385px; float: left; margin-left: 30px; } 
input.rapid_contact.inputbox, #user_name_formAcymailing1, #user_email_formAcymailing1  { border-top: solid 1px #6d6f71; border-left: solid 1px #6d6f71; border-right: solid 1px #918f90; border-bottom: solid 1px #c9c8c8;
    width:145px; color:#808285; font:normal 12px sylfaen, georgia, calibri, arial; }

input.rapid_contact.button, .subbutton { width:64px; height:21px; background:url(../images/send_btn.png) no-repeat; border:none; margin-top:8px; margin-left: -2px;
    color: #fff; font: normal 12px/21px Sylfaen, Calibri, Georgia, Verdana, Arial; }    

textarea.rapid_contact.textarea { border-top: solid 1px #6d6f71; border-left: solid 1px #6d6f71; border-right: solid 1px #918f90; border-bottom: solid 1px #c9c8c8;
    width:252px; height:100px; }    

span.contact-label { padding: 0 10px 0 0; } 

.telianiworld, .telianiworld-details { margin:0; padding:0; list-style:none; margin-left:10px; }    
.telianiworld { float:left; margin-right:60px; margin-left:10px; }      
.telianiworld li { list-style:none; margin-bottom:6px; }            
.telianiworld li  a, .telianiworld-title { color: #7b212b; font: normal 13px Sylfaen, Georgia, Calibri, Verdana, Arial; text-decoration:none; text-transform: uppercase; margin:0; }        
.telianiworld-link a { color: #887b33; font: normal 14px Sylfaen, Calibri, Georgia, Verdana, Arial; text-decoration:none; } 
.telianiworld-details p { margin-bottom:0; }
.telianiworld-details p a { color: #887b33; font: normal 14px Sylfaen, Calibri, Georgia, Verdana, Arial; text-decoration:none; }


.menu-addition, .menu-addition li ul, .menu-addition li ul li ul { margin:0; padding:0; list-style:none; font: normal 10px sylfaen, calibri, Georgia, "Times New Roman", Times, serif !important; }
.menu-addition li { list-style:none; /* margin-bottom: 1px; */ font: normal 10px sylfaen, calibri, Georgia, "Times New Roman", Times, serif !important; }
.menu-addition li a { 
background: #fff;
display: block;
padding: 2px 0 5px 18px;
text-decoration: none;
/* text-indent: 25px; */
font: normal 10px sylfaen, calibri, Georgia, "Times New Roman", Times, serif !important;
color: #7c222b; 
margin-bottom:1px;
}

.menu-addition li a:hover { font: normal 10px sylfaen, calibri, Georgia, "Times New Roman", Times, serif !important;
background: #b57978;
color: #fff;
 }  
.menu-addition li.active a {  font: normal 10px sylfaen, calibri, Georgia, "Times New Roman", Times, serif !important;
background: #7c222b;
color: #fff;
 } 

.menu-addition li ul li { margin-top:1px; margin-bottom:0; font: normal 10px sylfaen, calibri, Georgia, "Times New Roman", Times, serif !important; } 

.menu-addition li ul li a, .menu-addition li ul li.item23 a, .menu-addition li ul li.item24 a,
 .menu-addition li ul li.item25 a, .menu-addition li ul li.item26 a { 
background: #fff;
display: block;
padding: 2px 5px 5px 25px;
text-decoration: none;
/* text-indent: 25px; */
font: normal 10px sylfaen, calibri, Georgia, "Times New Roman", Times, serif !important;
color: #808285;
}

.menu-addition li ul li.item23.active a, .menu-addition li ul li.item24.active a,
.menu-addition li ul li.item25.active a, .menu-addition li ul li.item26.active a { background: #887b32; color: #fff; font: normal 10px sylfaen, calibri, Georgia, "Times New Roman", Times, serif; }

.menu-addition li ul li.item23 a:hover, .menu-addition li ul li.item24 a:hover,
.menu-addition li ul li.item25 a:hover, .menu-addition li ul li.item26 a:hover { background: #ada05a; color: #fff; font: normal 10px sylfaen, calibri, Georgia, "Times New Roman", Times, serif; }

.menu-addition li ul li li { font: normal 10px sylfaen, calibri, Georgia, "Times New Roman", Times, serif !important; }
.menu-addition  li ul li ul li.item27 a, .menu-addition  li ul li ul li.item28 a, .menu-addition  li ul li ul li.item29 a { 
background: #ffffff !important; 
display: block;
color: #bab186 !important;
padding: 2px 0 3px 40px;
text-decoration: none;
font: normal 10px sylfaen, calibri, Georgia, "Times New Roman", Times, serif !important;
}

.menu-addition  li ul li ul li.item27 a:hover,
.menu-addition  li ul li ul li.item28 a:hover,
.menu-addition  li ul li ul li.item29 a:hover  { 
background: #d3ceb1!important; 
display: block;
color: #fff !important;
padding: 2px 0 3px 40px;
text-decoration: none;
font: normal 10px sylfaen, calibri, Georgia, "Times New Roman", Times, serif !important;
}


.menu-addition  li ul li ul li.item27.active a, 
.menu-addition  li ul li ul li.item28.active a,
.menu-addition  li ul li ul li.item29.active a  { 
background: #bab186 !important; 
display: block;
color: #fff !important;
padding: 2px 0 3px 40px;
text-decoration: none;
font: normal 10px sylfaen, calibri, Georgia, "Times New Roman", Times, serif !important;
}

.menu-addition  li ul li ul li.item29 a, .menu-addition  li ul li ul li.item29 a:hover, .menu-addition  li ul li ul li.item29.active a  { width: 102px; padding: 2px 4px 3px 40px; font: normal 10px sylfaen, calibri, Georgia, "Times New Roman", Times, serif !important; }
span.green { color:#887b32; }
span.pale { color:#cbbc9a; margin-top:20px; }
span.pale p { padding-left:0px; margin:0; }

.trading-left { float: left; width:543px; margin-top:0px; }
.trading-right { float: right; width:207px; margin-top:10px; margin-left:0px; }
.trading-right p { font: normal 12px sylfaen, georgia, arial, calibri; margin-bottom:20px; margin-top:0; }
.trading-right a { font: normal 12px sylfaen, georgia, arial, calibri; color:#7b212b; text-decoration:none; margin-top:0px; }

table.trading-cell { margin-top:0px; border-collapse: collapse; margin-bottom:20px; }
table.trading-cell tr { border-bottom: dashed 1px #c5c6c8; }
table.trading-cell tr td img { margin-left:25px; }
div.trad-title { width:145px; height:23px; font: normal 12px/23px sylfaen, georgia, arial, sylfaen; 
    color: #fff; text-align: right; float: left; background: #bbb187; padding-right: 5px; }

p.indent a { text-decoration:none; color:#887b32; margin-top:0; }   

div.front-article { margin-top:-15px; margin-bottom:0; border-bottom: solid 1px #c5c7c8; padding-bottom:8px;}

div.archive-title { width:105px; }
div.archive-title a { color:#7b212b; font:normal 18px sylfaen, georgia, arial, calibri; float:left;  text-decoration:none; }
div.archive-desc { color:#808285; font:normal 12px sylfaen, georgia, arial, calibri; float:right;  width:705px; padding-right: 0px;}

#archive-list li { margin-bottom:20px; }

button.archive-btn { width:51px; height:21px; background:url(../images/select.jpg) no-repeat; border:none; margin-left: 10px;
    color: #fff; font: normal 12px/21px Sylfaen, Calibri, Georgia, Verdana, Arial;}

.newsletter { width:300px; float:left; }    

ul.menu-lists.siaxleebi { width:90px }
ul.menu-lists.galerchika { width:75px }
ul.menu-lists.investorebi { width:120px }

dl.system-message { display:none; }

        .content-video { width:750px; padding: 0 0 0 0px; margin:0 auto; }  
        .gallery { width: 690px; padding: 0 10px 20px 0px; border-right: dashed 0px #c5c7c8; float: left; }
        .content-photos { width:690px; padding: 0 0 0 0px; margin:0 auto; }
        .moduletablegallery h3 { margin: 10px 0 10px 0; font: normal 12px Sylfaen, Georgia, Arial, Verdana, Calibri;  color:#898a8c; }
        .video-holder { float: left; width: 210px; margin:0 20px; }
        .viewmorevids { margin: 0 0 0 10px; width: 500px; }
        .viewmorevids a { font: normal 12px Sylfaen, Georgia, Arial, Verdana, Calibri;  color:#7b212b; }    
        a.ytb img { vertical-align:bottom; margin-left:10px; }  

    .list-awards { width:110px; border-left: dashed 1px #b2b4b6; float: right; padding-left: 10px; }
    .list-awards-wide { width:100px; border-left: dashed 1px #b2b4b6; float: right; padding-left: 10px; height:400px; }

.content-main-wine .jcb_fieldValue { line-height: 150%; }

.red-filter { display:block; width:60px; height:17px; background:#7c212a; margin-right: 4px;
font: normal 10px/17px sylfaen, georgia, arial, calibri; text-align: center; color:#fff; text-decoration:none; float:left; }

.white-filter   { display:block; width:60px; height:17px; background:#887b32; margin-right: 4px;
font: normal 10px/17px sylfaen, georgia, arial, calibri; text-align: center; color:#fff; text-decoration:none; float:left; }

.rose-filter    { display:block; width:75px; height:17px; background:#bc5168; margin-right: 4px;
font: normal 10px/17px sylfaen, georgia, arial, calibri; text-align: center; color:#fff; text-decoration:none; float:left; }

.icons a.pdf { display:block; background: url(../images/pdf_button.png) no-repeat; width:19px; height:21px; text-indent:-9999px; float:left; margin-right:3px; }
.icons a.print { display:block; background: url(../images/print_button.png) no-repeat; width:19px; height:21px; text-indent:-9999px; float:left; margin-right:3px; }
.icons a.email { display:block; background: url(../images/email_button.png) no-repeat; width:18px; height:15px; 
    text-indent:-9999px; float:left; vertical-align:bottom; margin-top:5px; margin-right:3px; }

.content-sitemap div.xmap { width:600px; margin:0 0 0 220px; }
.content-sitemap div.xmap  ul li a { color:#454545; text-decoration:none; font:normal 12px Calibri, Sylfaen, Georgia, Tahoma, Arial; color:#898a8c; }
.content-sitemap div.xmap  ul li a:hover { color:#62551a; text-decoration:none; }
.content-sitemap div.xmap  ul.level_2 { display:none; }

div.search { width:140px; margin-top:55px; }
.search input.inputbox { border:none; background: url(../images/search_bg.png) no-repeat; width:85px; height:20px; padding-left:8px;
    font: normal 12px/20px Calibri, Sylfaen, Georgia, Arial, Verdana;  color:#454545; margin:0;  vertical-align: top; }
.search input.button, button.searchbtn-search { border:none; background: url(../images/search_btn.png) no-repeat; width:24px; height:20px; text-indent:-9999px; 
    margin:0 0 0 -1px; vertical-align: top; }
input.searchbox-search { border:none; background: url(../images/search_bg-big.png) no-repeat; width:242px; height:20px; padding-left:8px;
    font: normal 12px/20px Calibri, Sylfaen, Georgia, Arial, Verdana;  color:#454545; margin:0;  vertical-align: top; margin-right:-3px; margin-left:20px;} 

span.awardlist-title { font: normal 18px/24px Sylfaen, Calibri, Georgia, Arial, Verdana;  color:#7b212b; }  
span.awardlist-desc { font: normal 18px/24px Sylfaen, Calibri, Georgia, Arial, Verdana;  color:#808285;}            
span.awardlist-mosavali { font: normal 18px/18px Sylfaen, Calibri, Georgia, Arial, Verdana;  color:#887b32; }           

div.awardlist-list { width:661px; border-bottom: solid 1px #b2b4b6; padding: 10px 0; height: 44px; margin-left: 42px; }
img.awardlist-image { float: right; }
span.awardlist-awardtitle { font: normal 12px Sylfaen, Calibri, Georgia, Arial, Verdana;  color:#808285; float: left; 
    margin-top: 18px;}

.search-title { color:#62551a; font: normal 12px Sylfaen, Calibri, Georgia, Arial, Verdana; line-height:150%; } 
.search-title:hover { text-decoration: underline }  

p.search-options { margin-left:-6px; margin-bottom:0; }
p.results-search { margin-left:3px; }

#searchphraseall, #searchphraseany, #searchphraseexact { 
    background-color: #fff;
    border: 0px dotted #9900FF; color: #ccc; }


.map-tabs { margin:-3px 0 0 0; padding:0; } 
.map-tabs div.moduletable { margin:0; padding:0; }  
.map-tabs p { margin:0; padding:0; }
.kaxeti-btn { background-color:#887b32; padding: 3px 10px; color:#fff; margin-right: 10px; }
.imereti-btn { background-color:#b79f72; padding: 3px 10px; color:#fff; margin-right: 10px; }
.racha-btn { background-color:#7c222b; padding: 3px 10px; color:#fff; margin-right: 10px; }
.shavi-btn { background-color:#008570; padding: 3px 10px; color:#fff; margin-right: 10px; }
.kartli-btn { background-color:#ca6419; padding: 3px 10px; color:#fff; margin-right: 10px; }
.tab-desc { color: #808285; font: normal 12px Sylfaen, Calibri, Georgia, Arial, Verdana; }

p.kaxeti { color: #887b32; font: normal 18px Sylfaen, Calibri, Georgia, Verdana, Arial; margin:0; margin-bottom: 0px; margin-top:10px; }    
p.imereti { color: #b79f72; font: normal 18px Sylfaen, Calibri, Georgia, Verdana, Arial; margin:0; margin-bottom: 0px; margin-top:10px; }   
p.racha { color: #7c222b; font: normal 18px Sylfaen, Calibri, Georgia, Verdana, Arial; margin:0; margin-bottom: 0px; margin-top:10px; } 
p.shavi { color: #008570; font: normal 18px Sylfaen, Calibri, Georgia, Verdana, Arial; margin:0; margin-bottom: 0px; margin-top:10px; } 
p.kartli { color: #ca6419; font: normal 18px Sylfaen, Calibri, Georgia, Verdana, Arial;margin:0;  margin-bottom: 0px; margin-top:10px; }    

这是代码:)

3 个答案:

答案 0 :(得分:2)

也许用户为他的浏览器设置了默认文本? (不确定是否可以覆盖所有文本,但我听说过,否则他们会在不识别字体时这样做)

你自己在Opera上测试了吗?

答案 1 :(得分:1)

您使用的是@ font-face吗?如果不是 - 您的客户完全可能没有在他的系统中安装字体

答案 2 :(得分:1)

值得指出的是,Calibri和Sylfaen仅在Windows Vista中添加到Windows中。使用旧版本(XP等)的用户可能没有这些字体。在这种情况下,它将回归格鲁吉亚,这可能会有不同的外观。

此外,您指定的所有字体都归Microsoft所有,因此其他操作系统的用户可能没有任何

在我们的网站中,我们发现为了支持Calibri作为默认字体,我们实际上需要使用CSS @font-face声明使其可供下载。

基本语法如下:

@font-face {
    font-family: "CalibriForMac";
    src: url("../fonts/calibri.ttf");
}

但您可能希望阅读网络上的一些示例,因为使用@font-face时存在许多跨浏览器和跨操作系统的问题。

以下是一页讨论它:http://nicewebtype.com/notes/2009/10/30/how-to-use-css-font-face/