在<title>标签中设置自定义@font?可能吗?

时间:2015-10-11 15:37:49

标签: html css html5 css3 font-face

&lt; p&gt;我想创建自定义字体,将我的徽标作为符号。并将其设置为&lt; code&gt;&lt; title&gt;&lt; / code&gt;标记以在浏览器中显示它。 &LT; / p为H. &lt; p&gt; - 所以,有可能吗? - 任何技巧吗?&lt; / p&gt; &lt; p&gt;非常感谢任何帮助和想法!&lt; / p&gt;

1 个答案:

答案 0 :(得分:1)

无法更改标题中的字体。可悲的是W3C Standard不允许这样做。

我唯一知道的是使用javascript在document.title上设置自定义行为。

以下是两个示例,但您必须在自己的环境中尝试,因为在此版本中,stackoverflow-interpreter document.title不可用。

var titleText = " t i t l e ";
var pos = 0;
var blinkCount = 0;
var blink = [".....", ".. ..", ".   ."];
var doScrollingTimeout = null;
var doBlinkTimeout = null;

function DoScrolling() {
  clearTimeout(doBlinkTimeout);
  document.title = titleText.substring(pos, titleText.length) + blink[0] + titleText.substring(0, pos);
  pos++;
  if (pos > titleText.length) {
    pos = 0;
  }
  doScrollingTimeout = window.setTimeout("DoScrolling()", 150);
}

function DoBlink() {
  clearTimeout(doScrollingTimeout);
  document.title = blink[blinkCount % 3] + titleText.slice(0, blinkCount) + titleText.charAt(blinkCount).toUpperCase() + titleText.slice(blinkCount + 1, titleText.length - 1) + blink[blinkCount % 3];
  blinkCount++;
  if (blinkCount == titleText.length) {
    blinkCount = 0;
  }
  doBlinkTimeout = window.setTimeout("DoBlink()", 350);
}
DoScrolling();

将javascript和HTML复制到本地文件,因为在stackoverflow-interpreter document.title中不可用

<button onclick="DoScrolling();">Scroll</button>
<button onclick="DoBlink()">Blink</button>