HTML: размер шрифта слишком велик - почему? - PullRequest
Новая
       19

HTML: размер шрифта слишком велик - почему?

2 голосов
/ 17 ноября 2009

Вот фрагмент моего 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 ]

12 голосов
/ 17 ноября 2009 
<font size="14" face="sans-serif">

Whoah! Теги шрифтов. Не видел тех, кто давно!

Атрибут size * HTML - это не абсолютный размер шрифта, заданный в пикселях или точках (*), это шкала размеров '1–7' относительно размера шрифта по умолчанию, который вы получаете с '4'. Установка большего размера, чем 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 или % для обычного текста.)

0 голосов
/ 17 ноября 2009

Просто для полноты, вот последний код, который заставил его работать для моего случая (обратите внимание, как все использует стиль, и он указан 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>
0 голосов
/ 17 ноября 2009

Я не вижу ничего очевидного в вашем коде. Возможно ли, что вы увеличили размер текста в Firefox так, что вы видите проблему только в своем браузере?

...