求帮助: 用css定义好字体后, 导航条和"heading" 内所有中文均无法显示_html/css_WEB-ITnose
css html
求解决办法: 用css定义好字体后, 导航条和; 等处只能显示英文, 如换成中文，则什么也不显示（输出为空）. 网页中其它地方中文可正常显示.部分html相关代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta charset="UTF-8"></head><body><div id="bg_top"> <div id="wrapper"> <div id="header"> <div id="logo"><a href="./index.html"><img src="/static/imghw/default1.png" data-src="./images/logo.png" class="lazy" style="max-width:90%" style="max-width:90%" border="0" alt="Logo" /></a></div> <div id="header_photos"> <div class="two"></div> <span class="three"><img src="/static/imghw/default1.png" data-src="./images/header-flower3.png" class="lazy" alt="3" style="max-width:90%" style="max-width:90%" /></span> <div class="one"><img src="/static/imghw/default1.png" data-src="./images/header-flower1.png" class="lazy" alt="1" style="max-width:90%" style="max-width:90%" /></div> </div> <!--end header photos--> <div id="menu"> <ul id="navigation"> <li><a href="./index.html" class="active">Home</a></li> <li><a href="./categories.html">Categories</a></li> <li><a href="./contact.html" style="border:none;">Contact</a></li> </ul> <!--end navigation--> </div> <!--end menu--> </div> <!--end header--> <div id="content_bg"> <div id="sidebar"> <!-- start menu --> <div id="menu_string"><img src="/static/imghw/default1.png" data-src="./images/tag-string.png" class="lazy" style="max-width:90%" style="max-width:90%" alt="string" /></div> <div id="menu_wrapper"> <div id="menu_header"> <div id="menu_footer"> <h3 id="shop">shop</h3> <ul> <li><a href="">New Arrivals</a></li> <li><a href="">On Sale</a></li> <li><a href="./categoriea.html">For Newborn (Birth+)</a></li> <li><a href="./categorieb.html">For Infant (6 Months+)</a></li> <li><a href="./categoriec.html"For >Toddler (12Months +)</a></li> </ul> <br class="clear" /> </div> </div> </div> <!-- end menu -->...... <div class="clear"></div> </div> <!--end content bg-->...... </div> <!--end wrapper--></div><!--end bg_top--><script type="text/javascript"> Cufon.now(); </script></body></html>
部分css相关代码如下:
@charset "utf-8";/* CSS Document *//*Template Layout*/body { background-color:#eeebda; background-image:url(../images/page-bg.jpg); background-position:top; background-repeat:repeat; margin:0px; padding:0px; color:#6f5b40; font-family:Arial, Helvetica, sans-serif, "微软雅黑"; font-size:13px; line-height:1.5em; text-align:center; }a, a:link, a:visited { color:#675237; outline: none; }a:hover { color:#af9d87; text-decoration:none;}#bg_top { background:url(../images/header.png) center top no-repeat; min-height: 100%; text-align:left; width:100%; margin-top:80px;}#wrapper { width:972px; margin:0px auto;}#header { height:222px; width:972px; margin:0px auto;}/*menu*/#menu { height:30px; padding:16px 0 6px 0; clear:both;}ul#navigation { margin:0px 0 0 30px; padding:0px; float:left; z-index:100; width:760px;}ul#navigation li { float:left; list-style:none; display:inline; padding:0px; margin:0px;}ul#navigation a { float:left; color:#675237; padding:0px 13px 20px 13px; text-decoration:none; font:24px arial, serif, "微软雅黑"; text-transform:lowercase; letter-spacing:1px; }ul#navigation li.hover a, ul#navigation li:hover a, ul#navigation a.active, ul#navigation a:hover { color:#8d7e6b; }/* General Content*/h1 { color:#af9d87; font-size:30px; margin:0px; padding:0px;}h2 { color:#675237; font-size:20px;}h3 { color:#675237; font-size:18px;}/*side menu tag*/#sidebar { margin-left:29px; float:left;}#menu_string { width:178px; height:22px; margin:-20px 0 0 0; z-index:101; /*makes dropdown sit on top of flash & map*/}#menu_wrapper { width:178px; background:url(../images/tag-tile.jpg) repeat-y; margin:0 0 18px 0;}#menu_header { width:178px; background:url(../images/tag-top.jpg) no-repeat top;}#menu_footer { width:178px; background:url(../images/tag-bottom.jpg) no-repeat bottom; min-height:265px; padding-bottom:40px;}#menu_wrapper h3 { text-align:center; margin:0; padding:20px 0 0 0; color:#ded6c5; font-size:24px;}#menu_wrapper ul { width:178px; padding:5px 0 0 0; margin:0; list-style:none; color:#846324; font-size:13px; font-family:Arial, Helvetica, sans-serif, "微软雅黑"; text-align:center;}#menu_wrapper ul li { margin:0; padding:0; list-style:none; float:left; clear:left;}#menu_wrapper ul li a { display:block; float:left; clear:left; padding:4px; text-decoration:none; width:170px;/*178*/ text-align:center; color:#846324; line-height:normal;}#menu_wrapper ul li a:hover { text-decoration:underline;}......回复讨论(解决方案)
编码都控制好了，应该不会出现什么问题，我也复制了下代码本地运行了，是可以显示的。
编码都控制好了，应该不会出现什么问题，我也复制了下代码本地运行了，是可以显示的。
是中文显示不了啊
编码都控制好了，应该不会出现什么问题，我也复制了下代码本地运行了，是可以显示的。
是中文显示不了啊 \
不管中文英文全是正常的啊。你换个浏览器试试呢。
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Sujets chauds
1393
52
1207
24
HTML est-il facile à apprendre pour les débutants?
Apr 07, 2025 am 12:11 AM
HTML convient aux débutants car il est simple et facile à apprendre et peut rapidement voir les résultats. 1) La courbe d'apprentissage de HTML est fluide et facile à démarrer. 2) Il suffit de maîtriser les balises de base pour commencer à créer des pages Web. 3) Flexibilité élevée et peut être utilisée en combinaison avec CSS et JavaScript. 4) Les ressources d'apprentissage riches et les outils modernes soutiennent le processus d'apprentissage.
Les rôles de HTML, CSS et JavaScript: responsabilités de base
Apr 08, 2025 pm 07:05 PM
HTML définit la structure Web, CSS est responsable du style et de la mise en page, et JavaScript donne une interaction dynamique. Les trois exercent leurs fonctions dans le développement Web et construisent conjointement un site Web coloré.
Quel est un exemple d'une balise de départ dans HTML?
Apr 06, 2025 am 12:04 AM
Anexampleofastartingtaginhtmlis, qui abinginsaparagraph.startingtagsaressentialtinhtmlastheyinitiateelements, définit les éventualités, et la faculté de réduction des pages et de la construction de la création.
Comprendre HTML, CSS et JavaScript: un guide pour débutant
Apr 12, 2025 am 12:02 AM
WebDevelopmentReliesOnHTML, CSS, etjavascript: 1) HTMLSTRUCTURESCONTENT, 2) CSSSTYLESIT, et3) JavascriptAdddsInterActivity, Forming TheasisofmodernweBEBExperiences.
Gitee Pages STATIQUE Le déploiement du site Web a échoué: comment dépanner et résoudre les erreurs de fichier unique 404?
Apr 04, 2025 pm 11:54 PM
GiteEpages STATIQUE Le déploiement du site Web a échoué: 404 Dépannage des erreurs et résolution lors de l'utilisation de Gitee ...
Comment implémenter la disposition adaptative de la position de l'axe y dans l'annotation Web?
Apr 04, 2025 pm 11:30 PM
L'algorithme adaptatif de la position de l'axe y pour la fonction d'annotation Web Cet article explorera comment implémenter des fonctions d'annotation similaires aux documents de mots, en particulier comment gérer l'intervalle entre les annotations ...
Comment utiliser CSS3 et JavaScript pour réaliser l'effet de la diffusion et de l'agrandissement des images environnantes après avoir cliqué?
Apr 05, 2025 am 06:15 AM
Pour obtenir l'effet de la diffusion et de l'élargissement des images environnantes après avoir cliqué sur l'image, de nombreuses conceptions Web doivent obtenir un effet interactif: cliquez sur une certaine image pour faire les environs ...
HTML, CSS et JavaScript: outils essentiels pour les développeurs Web
Apr 09, 2025 am 12:12 AM
HTML, CSS et JavaScript sont les trois piliers du développement Web. 1. HTML définit la structure de la page Web et utilise des balises telles que, etc. 2. CSS contrôle le style de page Web, en utilisant des sélecteurs et des attributs tels que la couleur, la taille de la police, etc. 3. JavaScript réalise les effets dynamiques et l'interaction, par la surveillance des événements et les opérations DOM.
