HTML:字体太大 - 为什么?

时间:2009-11-17 04:57:15

标签: html font-size

这是我的HTML代码片段。我指定每个文本的字体大小为14,但是当我在Firefox上渲染它时,它看起来很大!有没有更好的方法来指定字体大小?

注意:我想知道如何在HTML中执行此操作,而不是使用CSS。

<html>
  <head>
    <title>Clinics with H1N1 Flu Vaccine in Stock</title>
  </head>
  <body>
    <!-- BEG: Patient Group table -->
    <table border="2" bgcolor="yellow">
      <tbody>   
        <tr>
          <th><font size="14" face="sans-serif">Group</font></th>
          <th><font size="14" face="sans-serif">Vaccine Quota</font></th>
        </tr>
      </tbody>
    </table>
  </body>
</html>

3 个答案:

答案 0 :(得分:12)

<font size="14" face="sans-serif">

哇!字体标签。好久不见了!

font size HTML属性不是以像素或点(*)设置的绝对字体大小,相对于使用'4'获得的默认字体大小,它是大小'1-7'的比例。设置大于7的大小是无效的,但通常会为您提供与“7”相同的超大尺寸。在所有浏览器中都会出现这种情况,而不仅仅是Firefox。

今天几乎没有理由使用字体标记。 XSLT没有任何阻止你使用CSS的内容,无论是内联还是字体标记:

<th style="font-size: 90%; font-family: sans-serif;">Group</th>

或更可读的是,在样式表中:

table { background: yellow; }
th, td  { font-size: 90%; font-family: sans-serif; }

(*:除了:从不使用点 - CSS pt单元 - 除了打印样式表之外的任何东西。在屏幕上它具有绝对像素的所有缺点加上大小在某些平台上出错。使用px表示固定字体大小,使用em%表示普通文字。)

答案 1 :(得分:0)

我的代码中没有看到任何明显的内容。您是否有可能increased your text size within Firefox以便只在浏览器中看到问题?

答案 2 :(得分:0)

为了完整起见,这是最终的代码让它适用于我的案例(注意一切都使用样式,并用14pt指定

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="2.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:fo="http://www.w3.org/1999/XSL/Format" xmlns:xs="http://www.w3.org/2001/XMLSchema" xmlns:fn="http://www.w3.org/2005/xpath-functions">

    <xsl:output method="html" />
    <xsl:template match="/Vaccination">
        <html>
            <head>
                <title>Clinics with H1N1 Flu Vaccine in Stock</title>
            </head>
            <body>

                <!-- BEG: Patient Group table -->
                <table border="2" bgcolor="yellow">
                    <tbody> 
                        <tr>
                            <th style="font-size: 14pt"><font face="sans-serif">Group</font></th>
                            <th style="font-size: 14pt"><font face="sans-serif">Vaccine Quota</font></th>
                        </tr>               
                        <xsl:for-each select="patient_group">
                            <tr>
                                <td style="font-size:14pt"><font face="sans-serif"><xsl:value-of select="Group" /></font></td>
                                <td style="font-size:14pt" align="center"><font face="sans-serif"><xsl:value-of select="Quota" /></font></td>