Właśnie próbuję napisać skrypt służący do wyświetlania czcionek. Ostateczny projekt ma wykorzystywać tabele i służyć do wyświetlania próbek czcionek zainstalowanych w systemie.
Udało mi się przygotować taki test
<html>
<head>
<meta charset="UTF-8" />
</head>
<body>
<script type="text/javascript">
function Test()
{
var Tbl = document.getElementById("UniTable");
var FontName = "Arial";
var FontSize = "20";
Tbl.rows[0].cells[0].style = "font-family:'" + FontName + "'; font-size:" + FontSize + "pt;";
FontName = "Courier";
FontSize = "30";
Tbl.rows[0].cells[1].style = "font-family:'" + FontName + "'; font-size:" + FontSize + "pt;";
FontName = "Times";
FontSize = "40";
Tbl.rows[0].cells[2].style = "font-family:'" + FontName + "'; font-size:" + FontSize + "pt;";
}
</script>
<p style="font-family:Courier;font-size:10pt;">Courier</p>
<p style="font-family:Symbol;font-size:10pt;">Symbol</p>
<p style="font-family:Webdings;font-size:10pt;">Webdings</p>
<table id="UniTable" border="1">
<tr><td>Arial 20</td><td>Courier 30</td><td>Times 40</td></tr>
</table>
<input type="button" value="Font" onClick="Test()" />
</body>
</html>
Testuję na Windows 8, Internet Explorer 10 i Firefox 59. Problem polega na tym, że czcionki składające się z samych symboli w miejscu liter wyświetlają się poprawnie tylko w IE, a w FF wyświetlają się zwykłe znaki tak, jakby nie było tej czcionki. Natomiast zmiana czcionki w tabeli (po kliknięciu przycisku "Font") działa poprawnie tylko w FF, a w IE nic się nie zmienia, tak, jakby nadawanie stylu w skrypcie JS nie działało.
Co robię nie tak i jak zapewnić w pełni poprawne działanie tego skryptu w obu przeglądarkach?