浏览器覆盖我的CSS字体

我已经构建了一个网站。在所有浏览器中，一切看起来都很酷，很好。浏览器覆盖我的CSS字体

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

在CSS文件中，对于该文本字体和作为默认身体字体我有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; }

下面的代码:)

来源

2011-08-05 mrGott

请告诉我们你的CSS字体代码 - 这可能是你有什么问题这戏不喜欢，但我们永远不会知道，除非你告诉我们，实际的代码。 – Spudley

@Spudley在这里你去:) – mrGott

是否使用@字体面？如果没有 - 完全有可能您的客户没有安装在他的系统中的字体

来源

2011-08-05 12:09:52 snowflakekiller

这就是问题所在，他有这些字体 – mrGott

也许用户已经为他的浏览器设置了默认文本？（不知道这是否可以覆盖所有的文本，但我听说过，否则他们做它时，他们不认识字体）

你在Opera上自己测试过吗？

来源

2011-08-05 12:11:11 Tjekkles

我禁用了Opera中的用户字体和样式，但我们仍然拥有它。在2个不同的歌剧 - 一切都是好的，只是在一个特定的歌剧。 – mrGott

它值得指出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/

来源

2011-08-05 12:47:52 Spudley

浏览器覆盖我的CSS字体

回答

相关问题