HTML : 글꼴 크기가 너무 큽니다 - 이유가 무엇입니까?

내 HTML 코드 스 니펫은 다음과 같습니다. 필자는 각 텍스트의 글꼴 크기를 14로 지정하지만, Firefox에서 렌더링하면 너무 커 보인다! 글꼴 크기를 지정하는 더 좋은 방법이 있습니까?HTML : 글꼴 크기가 너무 큽니다 - 이유가 무엇입니까?

참고 : CSS를 사용하지 않고 HTML에서이를 수행하는 방법을 알고 싶습니다.

<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

아무것도 순수 HTML 질문으로 지정됩니다. –

@ ShaChris2 : XSL을 편집 한 적이 있습니다. XSL 질문이 아니어도 상관 없습니다. PHP로 HTML을 생성한다면 PHP 질문이되지 않을 것입니다. – Tomalak

Firefox와 관련이 없으며 Opera와 Chrome에서도 동일하게 보입니다. –

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

와우! 글꼴 태그. 오래 동안 보지 못했습니다!

font size HTML 속성은 픽셀 또는 점 (*)으로 설정된 절대 글꼴 크기가 아니며 '4'로 가져 오는 기본 글꼴 크기에 비례하여 '1-7'크기의 축척입니다. 7보다 큰 크기를 설정하는 것은 잘못되었지만 일반적으로 '7'과 동일한 크기가됩니다. 이 문제는 Firefox뿐 아니라 모든 브라우저에서 발생합니다.

오늘 font 태그를 사용할 이유가 거의 없습니다.

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

또는 스타일 시트에 훨씬 더 판독 가능 : 폰트 태그와 같은뿐만 아니라 CSS를 사용하지 못하도록 XSLT에 대해 아무것도 어느 인라인가 없습니다 제외 :

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

그냥 완전성을 위해, 여기에 (모든 스타일을 사용하는 방법을 알 내 경우 근무를 가지고 최종 코드, 그리고 XSLT와는 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

@Tomalak : lol .. 맞습니다. CSS를 사용하지 않음으로써 의미하는 바는 별도의 .css 파일을 가질 수 없다는 것이 었습니다 (이것은 학교 임무이며 우리는 별도의 파일을 가질 수 없다고 말했습니다 ... 그림 참조) – sivabudh

외부 CSS 파일이 필요 없습니다 :) 모든 스타일을 . 또한 remianing 글꼴 태그가 필요하지 않습니다 (style = "font-size : 14pt; font-family : sans-serif;"). 똑같은 것을 성취 할 것입니다. –

HTML : 글꼴 크기가 너무 큽니다 - 이유가 무엇입니까?

답변

관련 문제