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

Вот фрагмент моего HTML-кода. Я указываю размер шрифта для каждого текста, равный 14, но когда я его визуализирую на Firefox, он выглядит настолько большим! Есть ли лучший способ указать размер шрифта?HTML: Размер шрифта слишком велик - почему?

Примечание: Я хочу знать, как это сделать в 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>

источник

2009-11-17 sivabudh

Ничего делать с XSLT, чистый HTML вопрос. –

@ ShaChris2: Я отредактировал XSL, так как это не вопрос XSL, как бы вы ни смотрели на него. Если вам удастся создать HTML-код с PHP, это тоже не станет вопросом PHP. – Tomalak

Ничего общего с Firefox, он выглядит так же в Opera и Chrome. –

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

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

font 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 или % для обычного текста .)

источник

2009-11-17 05:20:43 bobince

согласен. если вы используете XSLT для вывода HTML, используйте CSS. – carillonator

+1 для содержания в стороне – Pops

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

источник

2009-11-17 04:58:58 JasCav

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

источник

2009-11-17 05:41:22 sivabudh

Странно, как вы * не * хотели использовать CSS, и теперь вы это делаете. ;-) – Tomalak

@ Томалак: ты прав. То, что я подразумевал, не используя CSS, было то, что у меня не было отдельного файла .css (это школьное задание, и нам сказали, что у нас не может быть отдельный файл ... go figure) – sivabudh

Вам не нужен внешний файл CSS :) Вы можете перенести все стили в документ , добавив элемент . Также обратите внимание, что вам не нужны метки переименования шрифтов - style = "font-size: 14pt; font-family: sans-serif;" достигнет того же самого. –

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

ответ

Смежные вопросы