Question

我打算创建我自己的符号字体，以便在我的网站上使用，我最初打算使用连字和OT，但支持最多是不稳定的，并且不适用于旧浏览器，特别是IE（我知道，大惊喜））。然后我开始仔细研究SymbolSet的工作原理。它实际上非常聪明，虽然我很容易更改一些数组变量并使用它完成，但javascript是专有的，未经许可我不能使用它。我希望能够在SymbolSet中创建自己的符号字体，但我需要一个打开的javascript文件让我这样做。是否有任何开放的jQuery插件或javascript库可以做到这一点？

Answer 1

我找到了http://labs.adamdscott.com/ligatures/ligaturejs.html。基本上它走dom，并用连字取代已知的字母组合。我已修改脚本以在可用时使用本机连字支持：

// ligature.js v1.0
// http://code.google.com/p/ligature-js/

// with modifications by sabof

var ligature = (function() {
  var testDiv = document.createElement('div'), 
      nativeLigatureSupport = testDiv.style.textRendering !== undefined;
  if (nativeLigatureSupport) {
    return function (node, extended) {
      if (!node) {
        ligature(document.body, extended);
      } else {
        node.style.textRendering = 'optimizeLegibility';
      }
    }
  }
  return function(node, extended) {
    if (!node) {
      ligature(document.body, extended);
    } else {
      if (node.nodeType == 3 && node.parentNode.nodeName != 'SCRIPT') {
        node.nodeValue = node.nodeValue
          .replace(/ffl/g, 'ﬄ')
          .replace(/ffi/g, 'ﬃ')
          .replace(/fl/g, 'ﬂ')
          .replace(/fi/g, 'ﬁ')
          .replace(/ff/g, 'ﬀ')
          .replace(/ij/g, 'ĳ')
          .replace(/IJ/g, 'Ĳ');

        if (extended) {
          node.nodeValue = node.nodeValue
            .replace(/ae/g, 'æ')
            .replace(/A[Ee]/g, 'Æ')
            .replace(/oe/g, 'œ')
            .replace(/O[Ee]/g, 'Œ')
            .replace(/ue/g, 'ᵫ')
            .replace(/st/g, 'ﬆ');
        }
      }
      if (node.childNodes) {
        for (var i=0; i < node.childNodes.length; i++) {
          ligature(node.childNodes.item(i), extended);
        }
      }
    }
  };

}());

打开javascript库来做与symbolset相同的事情

1 个答案: