Невозможно определить шрифт и стиль на странице - PullRequest
Новая
       37

Невозможно определить шрифт и стиль на странице

0 голосов
/ 06 января 2010

У меня есть страница, но я не могу определить ее стиль шрифта. Я проверил источник просмотра, но ничего не видно. Некоторые строки прокомментированы. Пожалуйста, дайте мне знать, как определить имя шрифта: 

<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 ]

1 голос
/ 06 января 2010

единственный текст, который я вижу, имеет style3 firebug и покажет вам, что это 'Arial Unicode MS'

но зачем использовать .style3 в css как селектор, когда вы можете использовать: 

table td{ 
    font-family: "Arial Unicode MS";
    font-size: 16px;
    line-height: 30px;
    color: #333333;
}
1 голос
/ 06 января 2010

указан стиль 

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

Так что я думаю, что это может быть Вердана.

Но style2 не указывается нигде, где style3 определен для класса td , поэтому это может быть Arial.

Использовать Firefox Addon - Firebug показывает таблицы стилей, js, а также html

0 голосов
/ 06 января 2010

Применяются следующие стили .. 

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

так что семейство шрифтов переписано "Arial Unicode MS" ..

Обратите внимание, что везде style3 назначается в качестве класса для всех тегов <td>, а style2 нигде не используется ..

Одна вещь, которую вы можете сделать, чтобы получить подтверждение моих слов ... Просто удалите стили .style2 .style3 и body в своем коде один за другим и наблюдайте за изменениями в браузере.

Комментариев нет. Для комментирования в CSS мы используем /* Comment line here*/
(для быстрого ознакомления) Вот ссылка для ссылки на комментарии

0 голосов
/ 06 января 2010

Вы имеете в виду программно через JavaScript или с помощью инструмента браузера?

Используя инструмент браузера, функция " вычисленные стили " в " проверять элементы " в Firebug является хорошей ставкой, как отмечают и другие ответчики. Это даст вам что-то, даже если шрифт не был указан вообще (в моем случае, «serif»).

Однако даже вычисленный стиль дает вам только указанное семейство шрифтов, а не шрифт , фактически используемый . Насколько я знаю из моих попыток JavaScript в этой области, только IE возвращает их.

Но я сначала жду вашей реакции, прежде чем углубляться в это - возможно, подсказка Firebug - это уже все, что вам нужно.

0 голосов
/ 06 января 2010

Вы обязательно должны использовать плагин Firebug для Firefox. Помимо прочего, он добавляет опцию «элемент pect element» в контекстное меню, так что вы можете получить доступ ко всей информации, щелкнув правой кнопкой мыши элемент.

Если в HTML и CSS нет шрифта, отображаемый шрифт, вероятно, будет вашим браузером / системным шрифтом по умолчанию.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...