gpt4 book ai didi

html - 更改/修复导航栏上的字体

转载 作者:行者123 更新时间:2023-11-28 03:44:16 24 4
gpt4 key购买 nike

早上好!我最近从这个 http://www.free-css.com/free-css-templates/page203/newsfeed 下载了一个模板.当我在上面使用越南字母时,导航栏显示一种奇怪的字体。示例:Nước 它将显示为所有大写字母 uo 将被缩短。我尝试将转换转换为大写,但仍然全部大写。我试过更改字体,但似乎无法修复。

this is picture how they look like

HTML代码

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/animate.css">
<link rel="stylesheet" type="text/css" href="assets/css/font.css">
<link rel="stylesheet" type="text/css" href="assets/css/li-scroller.css">
<link rel="stylesheet" type="text/css" href="assets/css/slick.css">
<link rel="stylesheet" type="text/css" href="assets/css/jquery.fancybox.css">
<link rel="stylesheet" type="text/css" href="assets/css/theme.css">
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<!--[if lt IE 9]>
<script src="assets/js/html5shiv.min.js"></script>
<script src="assets/js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div id="preloader">
<div id="status">&nbsp;</div>
</div>
<a class="scrollToTop" href="#"><i class="fa fa-angle-up"></i></a>
<div class="container">
<header id="header">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<div class="header_top">
<div class="header_top_left">
<ul class="top_nav">
<li><a href="index.php">Nước <-- trouble guy here</a></li>
<li><a href="#">About</a></li>
<li><a href="pages/contact.html">Liên Hệ</a></li>

样式 CSS:

#navArea{float:left; display:inline; width:100%; padding:0 30px; background-color:#fff}
.navbar{border:medium none; border-radius:0}
.navbar-inverse .navbar-nav > li > a{border-left:1px solid #383838; color:#ddd; font-family:'Oswald',sans-serif; display:inline-block; height:50px; line-height:50px; padding:0 14px; text-shadow:0 1px 1px #000; text-transform:capitalize; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.navbar-inverse .navbar-nav > li:first-child a{border:none}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{ color:#fff}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav >
.active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{ color:#fff}
.main-nav ul li a{}
.navbar-collapse{ padding-left:0}
.mobile-show{display:none}
.desktop-home{display:block; font-size:30px; margin-top:10px}
.dropdown-menu{background-color:#222}
.dropdown-menu > li > a{clear:both; color:#ddd; background-color:#222; padding:10px 20px; font-family:'Oswald',sans-serif; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{color:#fff}

有什么帮助吗?

非常感谢

贾斯汀

最佳答案

经过多次尝试,我发现删除 font.css 行将修复使用其他语言时不均匀比例的字母。

关于html - 更改/修复导航栏上的字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44072754/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com