Question

我下载了一些免费的网页模板，并根据我的需要更新网站。我观察到大多数网站内容都以大写字母显示。有人可以帮助我，如何禁用它？附件是页面的屏幕截图。所有链接和内容都以大写字母显示。

如何以正常情况下的字母显示？

以下是我身前的html

<!DOCTYPE html>
<html>
    <head>
        <title>Freee-Learn. Your learning partner...</title>
        <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
        <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
        <script src="js/jquery-1.11.0.min.js"></script>
        <!-- Custom Theme files -->
        <!--theme-style-->
        <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />  
        <!--//theme-style-->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="keywords" content="Free Style Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
        <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
        <!--fonts-->
        <link href='http://fonts.googleapis.com/css?family=Alegreya+Sans+SC:100,300,400,500,700,800,900,100italic,300italic,400italic,500italic,700italic,800italic,900italic' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
        <!--//fonts-->
        <script type="text/javascript" src="js/move-top.js"></script>
        <script type="text/javascript" src="js/easing.js"></script>
        <script type="text/javascript" src="js/myJavaScript.js"></script>
        <!-- start menu -->
        <script src="js/simpleCart.min.js"> </script>
        <link href="css/memenu.css" rel="stylesheet" type="text/css" media="all" />
        <script type="text/javascript" src="js/memenu.js"></script>
        <script>$(document).ready(function(){$(".memenu").memenu();});</script>
    </head>

我还注意到，当互联网关闭时，网站会以正常大小写字母显示。

Answer 1

这是您在网站上使用的字体。字体是从Google API下载的。下载要在本地使用的字体或使用其他字体。

Answer 2

web fonts您正在利用的Alegreya Sans SC之一只能作为小型大写字母家庭使用。当您的互联网关闭时，网络字体未被加载，因此可以利用默认系列，这很可能支持小写。

要解决此问题，请在样式表中找到您使用Alegreya Sans SC的位置，然后切换到更适合多案例的家庭。

Answer 3

看起来谷歌字体Alegreya导致此google.com/fonts/specimen/Alegreya+Sans+SC

为什么我网站中的所有文本都是大写的

3 个答案: