Question

我一直在努力让我的网站中的字体更大。但尝试所有的CSS，HTML和PHP都不起作用。我需要它非常大，我在其他网站上尝试过编码，但我的网站刚刚在我的网站上工作，我做错了什么或者我错过了什么？

以下是我要添加的代码

CSS

body {
    background-color: #d0e4fe;
}

h1 {
    color: orange;
    text-align: center;
}

p {
   font-family: "Times New Roman";
   font-size: 2100;
  }

适用于其他网站但不适用于我的。

HTML

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="EN" dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Spelling Bee 2015</title>
<link rel="stylesheet" type="text/css" href="style.css"/>

</head>
<body>



<?php 
$userNames = filter_input(INPUT_GET, "words");

switch($userNames){
case '1':
echo "<p><center><fornt size='100'>Spell prophylactic</p></center></fornt>";
break;
case '2':
echo "<b><center><fornt size='100'>Spell irascible</b></center></fornt>";
}


?>

 </body>

上面的代码是显示单词（我想让它们变大）的地方，它来自下面的字段集。

        <center>
<div class="popupBoxContent">
<form method="get"
  action="data.php">
<fieldset>
<lable>
Enter Number:
</lable>

<input type = "text"
   name = "words"
     value = ""/>
<input type ="submit">
</input>
</fieldset>    
</div>
</center>

请告诉我，如果我做错了什么，谢谢

Answer 1

添加一种单位，例如：

更改

font-size: 2100;

要，

font-size: 2100px;

阅读材料

CSS Units

Answer 2

首先关闭：

font-size: 2100;

需要进行衡量，例如em，%或px，因此请将其更改为

font-size: 2100px;

肯定是一个大字号！

接下来：

echo "<p><center><fornt size='100'>Spell prophylactic</p></center></fornt>";

你花了font错了（没有r）。将其更改为：

echo "<p><center><font size='100'>Spell prophylactic</p></center></font>";

<强>最后：

也不建议使用“font” - 为您的p元素提供一个类，并更改该类的CSS。

将其添加到您的CSS代码中：

p.custom {
    text-align: center;
    font-size: 100px;
}

并将您的p标记更改为：

echo "<p class='custom'>Spell prophylactic</p>";

Answer 3

改用em。

font-size: 2em;
font-size: 35em; /*or whatever*/

此外，你的标签在你的PHP中搞砸了。你把

<p><fornt> </p></fornt>

你需要

<p><font> </font></p>

在外部标记之前关闭内部标记。

最后，如果您尝试更改p元素内的字体大小，请不要为字体大小设置内联样式。内联字体大小将覆盖您的css规则。实际上，根本不要使用字体标记。在p元素上使用类，就像在别处建议的那样。

Answer 4

您的代码没有错。

只需在字体大小中添加单位

即可

p {
   font-family: "Times New Roman";
   font-size: 2100;
  }

成功：

p {
   font-family: "Times New Roman";
   font-size: 2100px;
  }

如果考虑响应性，请使用em。所以它将是： p { font-family：＆＃34; Times New Roman＆＃34 ;; font-size：21em; }

使用em值，直到获得理想的结果。

[已录制]字体大小不会变大

4 个答案: