无法确定页面中的字体和样式

时间:2010-01-06 11:09:49

标签: html css xhtml

我有一个页面,但我无法确定它的字体样式。我查看了视图源,但没有看到任何内容。一些行被评论。请让我知道如何确定字体名称:

<html>
<!-- InstanceBegin template="/Templates/inner.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<!-- InstanceBeginEditable name="doctitle" -->
<title></title>
<!-- InstanceEndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">


<!--
body {
 background-color: #ECECEC;
}
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif}
.style3 {
 font-family: "Arial Unicode MS";
 font-size: 16px;
 line-height: 30px;
 color: #333333;
}
-->




</style>
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->

</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- InstanceBeginRepeat name="RepeatRegion1" -->
<!-- InstanceBeginRepeatEntry -->
<div align="center">
  <!-- ImageReady Slices (Untitled-1) -->
<table id="Table_01" width="950" height="824" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="233" colspan="9"><img src="images/index_01.gif" width="950" height="233" alt=""></td>
    </tr>
<tr>
<td height="57"><a href="index.html"><img src="images/index_02.gif" alt="" width="112" height="57" border="0"></a></td>
      <td><a href="about_us.html"><img src="images/index_03.gif" alt="" width="87" height="57" border="0"></a></td>
      <td colspan="2"><a href="out_work.html"><img src="images/index_04.gif" alt="" width="137" height="57" border="0"></a></td>
      <td><a href="dissided_work.html"><img src="images/index_05.gif" alt="" width="161" height="57" border="0"></a></td>
      <td><a href="news.html"><img src="images/index_06.gif" alt="" width="146" height="57" border="0"></a></td>
      <td><a href="photo_gallary.html"><img src="images/index_07.gif" alt="" width="130" height="57" border="0"></a></td>
      <td><a href="link.html"><img src="images/index_08.gif" alt="" width="104" height="57" border="0"></a></td>
      <td><a href="contact.html"><img src="images/index_09.gif" alt="" width="73" height="57" border="0"></a></td>
    </tr>
<tr>
<td colspan="3" valign="top" bgcolor="#FFFFFF"><img src="images/index_10.gif" width="232" height="507"></td>
      <td height="307" colspan="6" valign="top" bgcolor="#FFFFFF">
<!-- InstanceBeginEditable name="EditRegion3" -->
<table width="716" height="493" border="0" cellpadding="0" cellspacing="0"><tr>
<td height="493" colspan="2" valign="top"><table width="719" height="529" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="74"><img src="images/parichaya.gif" width="600" height="93"></td>
              </tr>
<tr>
<td valign="top"><table width="489" border="0" cellpadding="0" cellspacing="0">
<tr>
<td> </td>
                    <td valign="top" class="style3">&#2344;&#2366;&#2357;</td>
                    <td valign="top" class="style3">&#2358;&#2381;&#2352;&#2368;.&#2358;&#2358;&#2367;&#2325;&#2366;&#2306;&#2340; &#2332;&#2351;&#2357;&#2306;&#2340;&#2352;&#2366;&#2357; &#2358;&#2367;&#2306;&#2342;&#2375;</td>
                  </tr>
<tr>
<td> </td>
                    <td valign="top" class="style3">&#2357;&#2337;&#2367;&#2354;&#2366;&#2306;&#2330;&#2375; &#2344;&#2366;&#2357;</td>
                    <td valign="top" class="style3">&#2325;&#2376;.&#2332;&#2351;&#2357;&#2306;&#2340;&#2352;&#2366;&#2357; &#2349;&#2366;&#2314;&#2360;&#2366;&#2361;&#2375;&#2348; &#2358;&#2367;&#2306;&#2342;&#2375;</td>
                  </tr>
<tr>
<td height="55"> </td>
                    <td valign="top" class="style3">&#2310;&#2312;&#2330;&#2375; &#2344;&#2366;&#2357;</td>
                    <td valign="top" class="style3">&#2358;&#2381;&#2352;&#2368;&#2350;&#2340;&#2368;. &#2325;&#2380;&#2358;&#2354;&#2381;&#2351;&#2366; &#2349;&#2366;&#2314;&#2360;&#2366;&#2361;&#2375;&#2348; &#2358;&#2367;&#2306;&#2342;&#2375;</td>
                  </tr>
<tr>
<td> </td>
                    <td valign="top" class="style3">&#2327;&#2366;&#2357;</td>
                    <td valign="top" class="style3">&#2361;&#2369;&#2350;&#2327;&#2366;&#2357;, &#2340;&#2366;.&#2332;&#2366;&#2357;&#2354;&#2368;,&#2332;&#2367;.&#2360;&#2366;&#2340;&#2366;&#2352;&#2366;. <br>
&#2348;&#2377;&#2350;&#2381;&#2348;&#2375; &#2354;&#2367;&#2306;&#2325; &#2325;&#2379;-&#2321;&#2346;.&#2361;&#2380;&#2360;&#2367;&#2306;&#2327; &#2360;&#2379;&#2360;&#2366;&#2351;&#2335;&#2368;,<br>
&#2410; &#2341;&#2366; &#2350;&#2332;&#2354;&#2366;, &#2360;&#2375;&#2325;&#2381;&#2335;&#2352; &#2344;&#2306;.&#2407;&#2413;,<br>
&#2357;&#2366;&#2358;&#2368;, &#2344;&#2357;&#2368;.&#2350;&#2369;&#2348;&#2306;&#2312; &#2410;&#2406;&#2406;&#2413;&#2406;&#2411;</td>
                  </tr>
<tr>
<td> </td>
                    <td valign="top" class="style3">&#2332;&#2344;&#2381;&#2350; </td>
                    <td valign="top" class="style3">&#2407;&#2415; &#2321;&#2325;&#2381;&#2335;&#2379;&#2348;&#2352; &#2407;&#2415;&#2412;&#2409;</td>
                  </tr>
<tr>
<td> </td>
                    <td valign="top" class="style3">&#2332;&#2344;&#2381;&#2350; &#2336;&#2367;&#2325;&#2366;&#2339;</td>
                    <td valign="top" class="style3">&#2361;&#2369;&#2350;&#2327;&#2366;&#2357;, &#2340;&#2366;.&#2332;&#2366;&#2357;&#2354;&#2368;, &#2332;&#2367;.&#2360;&#2366;&#2340;&#2366;&#2352;&#2366;.</td>
                  </tr>
<tr>
<td> </td>
                    <td valign="top" class="style3">&#2358;&#2367;&#2325;&#2381;&#2359;&#2339; </td>
                    <td valign="top" class="style3">&#2348;&#2368;.&#2325;&#2377;&#2350;.</td>
                  </tr>
<tr>
<td> </td>
                    <td valign="top" class="style3">&#2344;&#2381;&#2351;&#2366;&#2340; &#2349;&#2366;&#2359;&#2366; </td>
                    <td valign="top" class="style3">&#2350;&#2352;&#2366;&#2336;&#2368;, &#2361;&#2367;&#2306;&#2342;&#2368; &#2357; &#2311;&#2306;&#2327;&#2381;&#2352;&#2332;&#2368;.</td>
                  </tr>
<tr>
<td> </td>
                    <td valign="top" class="style3">&#2346;&#2340;&#2381;&#2344;&#2368;&#2330;&#2375; &#2344;&#2366;&#2357; </td>
                    <td valign="top" class="style3">&#2360;&#2380;.&#2340;&#2375;&#2332;&#2354; &#2358;&#2358;&#2367;&#2325;&#2366;&#2306;&#2340; &#2358;&#2367;&#2306;&#2342;&#2375;</td>
                  </tr>
<tr>
<td> </td>
                    <td valign="top" class="style3">&#2309;&#2346;&#2340;&#2381;&#2351;&#2375; </td>
                    <td valign="top" class="style3">&#2340;&#2375;&#2332;&#2360;, &#2360;&#2366;&#2361;&#2367;&#2354;.</td>
                  </tr>
<tr>
<td width="24"> </td>
                    <td width="173" valign="top" class="style3">&#2331;&#2306;&#2342;</td>
                    <td width="270" valign="top" class="style3">&#2358;&#2375;&#2340;&#2368;,&#2342;&#2369;&#2327;&#2381;&#2343;&#2346;&#2381;&#2352;&#2325;&#2381;&#2352;&#2367;&#2351;&#2366;.<br><br>
</td>
                  </tr>
</table></td>
              </tr>
</table></td>
          </tr></table>
<!-- InstanceEndEditable -->

</td>
    </tr>
<tr>
<td colspan="9" background="images/index_13.gif" height="103"> </td>
    </tr>
<tr>
<td><img src="images/spacer.gif" width="112" height="1" alt=""></td>
      <td><img src="images/spacer.gif" width="87" height="1" alt=""></td>
      <td><img src="images/spacer.gif" width="33" height="1" alt=""></td>
      <td><img src="images/spacer.gif" width="104" height="1" alt=""></td>
      <td><img src="images/spacer.gif" width="161" height="1" alt=""></td>
      <td><img src="images/spacer.gif" width="146" height="1" alt=""></td>
      <td><img src="images/spacer.gif" width="130" height="1" alt=""></td>
      <td><img src="images/spacer.gif" width="104" height="1" alt=""></td>
      <td><img src="images/spacer.gif" width="73" height="1" alt=""></td>
    </tr>
</table>
<!-- End ImageReady Slices -->

</div>
<!-- InstanceEndRepeatEntry -->
<!-- InstanceEndRepeat -->

</body>
<!-- InstanceEnd -->

</html>

5 个答案:

答案 0 :(得分:1)

指定了一种样式

.style2 {font-family: Verdana, Arial, Helvetica, sans-serif}

所以我认为这可能是verdana。

但是,如果为 td 类定义了style3,则不指定style2,因此它可能是Arial。

使用Firefox插件 - Firebug 它会显示样式表,js和html

答案 1 :(得分:1)

我看到的唯一文字有style3 萤火虫也会向你展示它 它是'Arial Unicode MS'

但是当你可以使用时,为什么在css中使用.style3作为选择器:

table td{ 
    font-family: "Arial Unicode MS";
    font-size: 16px;
    line-height: 30px;
    color: #333333;
}

答案 2 :(得分:0)

你绝对应该使用Firefox的Firebug插件。 除此之外,它还为上下文菜单添加了pect元素“选项,因此您可以通过右键单击元素来访问所有信息。

如果没有通过HTML和CSS给出的字体,显示的字体可能是您的默认浏览器/系统字体。

答案 3 :(得分:0)

您的意思是通过JavaScript或使用浏览器工具进行编程吗?

使用浏览器工具,Firebug中“检查元素”中的“计算样式”功能是一个不错的选择,正如其他回答者所指出的那样。即使根本没有指定字体(在我的例子中,“serif”),它也会给你一些东西。

但是,即使计算样式也只提供指定的字体系列,而不提供实际使用的字体 。据我所知,在该领域的JavaScript尝试中,只有IE返回那些。

但是我在等待你的反应之前先深入研究一下 - 也许Firebug提示已经是你所需要的了。

答案 4 :(得分:0)

正在应用的样式是这两个..

body {
    background-color: #ECECEC;
}
.style3 {
    font-family: "Arial Unicode MS";
    font-size: 16px;
    line-height: 30px;
    color: #333333;
}

所以font-family被“Arial Unicode MS”覆盖了。

观察到所有<td>标记都将style3指定为类,而且在任何地方都没有使用style2。

您可以做的一件事就是确认我的话......只需逐个删除代码中的.style2 .style3body个样式,然后观察浏览器中的更改。< / p>

没有评论过的行...要在CSS中发表评论,我们使用/* Comment line here*/
(为了快速参考)这是link for reference on comments