7

几天来，我一直在努力将孟加拉语 (Bānglā) Unicode 字体嵌入我的网站，我尝试了很多东西。甚至我也得到了一些很棒的解决方案（参见@font-facedeceze的回答）。我什至尝试了Paul Irish所谓的Bulletproof @font-face 语法教程。但最后发现字体嵌入看起来可以工作，但实际上根本不工作。如果我从 PC ( ) 中删除 Bānglā 字体，则我的浏览器无法从系统加载字体，并且无法正常工作。我正在使用的是：unicode-range/windows/fonts@font-face

@font-face {
  font-family: 'Siyam Rupali';
  src: url('fonts/siyamrupali-webfont.eot');
  src: url('fonts/siyamrupali-webfont.eot?#iefix') format('embedded-opentype');
  src: local('Siyam Rupali Regular'), local('Siyam Rupali'),
  url('fonts/siyamrupali-webfont.woff') format('woff'),
  url('fonts/siyamrupali-webfont.otf') format('opentype'),
  url('fonts/siyamrupali-webfont.svg#siyam_rupaliregular') format('svg');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+0980-09FF; //Bengali Range (source: http://www.unicode.org/charts/PDF/U0980.pdf‎‎)
}

不管怎么说，我从网上下载了Siyam Rupali字体（恐怕忘记了来源），然后使用 FontSquirrel 的@font-face 生成器制作了 webfonts。

我将字体称为：

body{
   font-family: "Siyam Rupali", Cambria, sans-serif;
}

结果：不工作！！！

4

1 回答 1

16

经过长期具有挑战性的研究，我失败了。但突然间我想起了我在孟加拉语 (Bānglā) 维基百科的巢穴，在 Jayanthanath的帮助下，我们社区将“Siyam Rupali”嵌入了孟加拉语 (Bānglā) 维基百科。可以在此 Village Pump 讨论档案中找到讨论。然后我得到了一个想法，并在 bn.wiki 中观察字体嵌入的成功结果。然后使用 Firefox 的“Web Developer”插件，我查看了孟加拉语（Bānglā）维基百科主页的一大堆 CSS。并在那里找到了“Siyam Rupali”。然后从那里完全复制语法：

@font-face { font-family: 'Siyam Rupali';
    src: url('https://bits.wikimedia.org/static-current/extensions/UniversalLanguageSelector/data/fontrepo/fonts/SiyamRupali/SiyamRupali.eot?version=1.070');
    src: local('Siyam Rupali'),     url('https://bits.wikimedia.org/static-current/extensions/UniversalLanguageSelector/data/fontrepo/fonts/SiyamRupali/SiyamRupali.woff?version=1.070') format('woff'),        url('https://bits.wikimedia.org/static-current/extensions/UniversalLanguageSelector/data/fontrepo/fonts/SiyamRupali/SiyamRupali.ttf?version=1.070') format('truetype');
    font-style: normal;}

然后我相应地实现了我的 CSS。但是还是有问题。然后我复制了 bn.wiki 中使用的文件的路径：

并下载了确切的字体。在那之后，我发现了一些不必要的尺寸不匹配，与我拥有的字体版本。

+======================+=====================+
| 以前的文件大小 | BN.WIKI 文件大小 |
+======================+=====================+
| EOT：23KB | EOT：144KB |
| TTF : 47KB | TTF : 392KB |
| WOFF : 26KB | WOFF : 166KB |
| SVG : 71KB | [无 SVG] |
+======================+=====================+

我认为这可以对正确的字形产生一些影响。所以只需用新下载的版本替换我的字体。并用我的最后一点代码：

@font-face {
  font-family: 'Siyam Rupali';
  src: url('fonts/SiyamRupali.eot?version=1.070');
  src: local('Siyam Rupali'), url('fonts/SiyamRupali.woff?version=1.070') format('woff'),       url('fonts/SiyamRupali.ttf?version=1.070') format('truetype');
  font-style: normal;
  unicode-range: U+0980-09FF; //Bangla Range (source: http://www.unicode.org/charts/PDF/U0980.pdf‎‎)
}

它就像一个魅力！我不关心IE6，因为即使有防弹，它也是愚蠢的！:( 我测试了 Firefox 20.0、Opera 10.10 和 Chrome 30.0.1599.101 m。

Siyam Rupali 字体现在可在开发者社区中使用：

感谢 Tanbin Islam Siyam (the Potasiyam ) 的精彩字体：Siyam Rupali。

以下列表也可以很好地概述孟加拉语（Bānglā）Unicode 可用性改进的现状：

编辑

我发现unicode-range:导致 Chrome 出现问题。由于 Siyam Rupali 是一种非常好的字体，具有大量字形，我们无需提及范围。所以，你可以避免unicode-range: U+0980-09FF;。:)

2019 年更新

unicode-range现在得到很好的支持。您可以检查我可以使用状态

于 2013-11-02T15:59:39.330 回答