Html 浏览器没有';无法正确显示阿拉伯语字体
这是我的希罗库普:;我现在用它来测试字体 这是我的HTML代码:Html 浏览器没有';无法正确显示阿拉伯语字体,html,css,encoding,fonts,arabic,Html,Css,Encoding,Fonts,Arabic,这是我的希罗库普:;我现在用它来测试字体 这是我的HTML代码: <?php echo 'majed'?><html> <script src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js"></script> <style> @import url('lateef.css'); h1 { font-family: 'Lateef
<?php echo 'majed'?><html>
<script src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js"></script>
<style>
@import url('lateef.css');
h1 {
font-family: 'Lateef';
}
.wf-active h1 {
visibility: visible;
}
h2{
font-family:'lateef1';}
</style>
<body>
<h1>This headline will be hidden until Droid Sans is completely loaded.</h1>
<h1>ماجد</h1>
<h2>This headline will be hidden until Droid Sans is completely loaded.</h2>
<h2>ماجد</h2>
</body>
</html>
我不知道问题出在哪里;英文字体出现,但阿拉伯语没有,我尝试了3种不同的字体,出现了相同的问题。当我使用Firefox访问您的页面时,Firebug控制台显示: “网络错误:找不到404-”
这似乎可以解释一切——字体文件丢失了(在服务器上)。代码中名为“Lateef1”的字体实际上是巴洛克风格的脚本,并且不包含任何阿拉伯字母。名为“Lateef”的字体是Lucida Grande,但出于某种原因,它甚至不用于页面上的英文字母。这可能是由于对未经许可的使用进行了一些检查。你应该检查你是否可以合法使用这些字体作为下载字体;这需要版权所有者的许可。Lateef1适合我,而Lateef不适合。你确定Lateef有正确的代码点吗?阿拉伯文必须在unicode表中位于最上面,Lateef必须具有这些点。
@font-face {
/*this is arabic*/
font-family: 'Lateef';
font-style: normal;
font-weight: 400;
src: url(https://majeddh.herokuapp.com/FS_Metal2.TTF) format('truetype');
}
@font-face {
/*this is english*/
font-family: 'Lateef1';
font-style: normal;
font-weight: 400;
src: url(https://majeddh.herokuapp.com/FS_Metal1.ttf) format('truetype');
}