HTML: слишком большой размер шрифта — почему?

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

html font-size
person sivabudh    schedule 17.11.2009    source источник
comment
С Firefox тоже ничего общего, он выглядит одинаково в Opera и Chrome.   -  person Josh Lee    schedule 17.11.2009
comment
@jleedev: я удалил все ссылки на Firefox. Спасибо, что указали на это.   -  person sivabudh    schedule 17.11.2009
comment
Просто для будущих читателей: вы никогда не должны писать подобный код. Если вы прочитали это в учебнике, бросьте этот учебник и двигайтесь дальше. Это код из прошлого века.   -  person superluminary    schedule 06.08.2015

Ответы (3)


arrow_upward
12
arrow_downward 

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

Ого! Теги шрифта. Давно таких не видел!

HTML-атрибут размер шрифта не является абсолютным размером шрифта. установленный в пикселях или точках (*), это масштаб размеров «1–7» относительно размера шрифта по умолчанию, который вы получаете с «4». Установка большего размера, чем 7, недействительна, но обычно дает такой же очень большой размер, как «7». У меня это происходит во всех браузерах, не только в Firefox.

Сегодня практически нет причин использовать тег font. В 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; }

(*: в сторону: никогда не используйте точки  —  элемент pt CSS — для чего-либо, кроме таблиц стилей печати. ​​На экране он имеет все недостатки абсолютных пикселей, плюс размер на некоторых платформах получается очень неправильным. Используйте px для фиксированных размеров шрифта и em или % для обычного текста.)

person bobince    schedule 17.11.2009

arrow_upward
0
arrow_downward

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

person JasCav    schedule 17.11.2009

arrow_upward
0
arrow_downward

Просто для полноты, вот окончательный код, который заставил его работать для моего случая (обратите внимание, как все использует стиль и указано с 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>
person sivabudh    schedule 17.11.2009
comment
Странно, как вы не хотели использовать CSS, а теперь все равно это делаете. ;-) - person Tomalak; 17.11.2009
comment
@Tomalak: лол... ты прав. Под неиспользованием CSS я имел в виду, что у меня не может быть отдельного файла .css (это школьное задание, и нам сказали, что у нас не может быть отдельного файла... пойди разберись) - person sivabudh; 17.11.2009
comment
Вам не нужен внешний файл CSS :) Вы можете переместить все стили в ‹head› документа, добавив элемент ‹style›: ‹style type=text/css›table { background: yellow; } th, td { размер шрифта: 14pt; семейство шрифтов: без засечек; }. Также обратите внимание, что вам также не нужны оставшиеся теги шрифта - style=font-size: 14pt; семейство шрифтов: без засечек; добился бы того же. - person Olly Hodgson; 17.11.2009