gpt4 book ai didi

javascript - 某些 HTML 字符实体仅在 Firefox 中很大

转载 作者:太空狗 更新时间:2023-10-29 14:08:46 25 4
gpt4 key购买 nike

出于某种原因,在我的 Firefox 12.0 for Mac OS X 中,我的 ⟩ ( ⟩ ) 字符比它们应该的大得多。在 Chrome 和 Safari 上,它们看起来就像我想要的那样。

我有 AddDefaultCharset utf-8在我的 .htaccess以及<meta charset="utf-8">在我的 <head> (因为我将这些文件交付给的小组可能不会使用我的 .htaccess )。

此外,根据 Adob​​e 的浏览器实验室,IE 7 和 8 只显示一个方框...有没有人可以让这些浏览器支持该字符?这将使事情变得容易得多(因为颜色会发生变化,所以图像非常不方便,并且图像不会褪色)。

演示:http://cameronspear.com/demos/rang/

这是我在 Chrome 中看到并希望看到的:

Chrome

这是我的 Firefox 显示的内容:

Firefox

这是 IE8 浏览器实验室的截图:

IE8

TL;DR:我希望所有这些屏幕截图看起来像第一个使用 ⟩ aka &rang; 的屏幕截图人物。使用 JavaScript 甚至是可以接受的。

谢谢。

[edit] 我应该说明它不是那么重要我有 &rang;字符,因为我可以使用 CSS 更改它的颜色并使其在多个浏览器中看起来相同。


解决方案

我只是想为子孙后代分享我所做的一切。

感谢 Pointy 的提示和资源,我创建了自己的 SVGInkscape使用“How to make your own icon webfont”中描述的模板和方法。我将一个大尖括号映射到 X和一个小的x .

我遇到的一件事是我的 Angular 需要接触基线并且只需要到达盒子顶部的大约 72% 以适应“内联”,所以大写字母 X 是我原来的太高了,并且小写 x 是更内联的。

然后我将我的 SVG 转换为 TTFhttp://www.freefontconverter.com/并使用 http://www.fontsquirrel.com/fontface/generator 转换为网络字体

...就是这样。

演示 ( http://cameronspear.com/demos/rang/ ) 仍在进行中。您可以看到它在所有浏览器中看起来都是一致的,并且点击旋转动画在该点附近晃动等。

[更新] 我发现了一个很棒的资源 IcoMoon这有助于为网络制作字体和组织字体,它接受常规的 svg 矢量,所以你可以在 Illustrator 中制作它,而不是与 Inkscape 混淆,因为 IcoMoon 处理键盘映射和东西。您只能导出您使用的图标,因此您只需要加载 3 或 4 个图标而不是整个字体。

它已成为宝贵的资源,我建议所有其他想要使用图标字体的人都检查一下。您可以从CSS-Trick's 113th Screencast了解更多关于整个过程的信息。 .

最佳答案

你能使用图片吗?它们将在所有浏览器中提供一致的外观。在许多情况下,图像比字符符号更可取。

关于javascript - 某些 HTML 字符实体仅在 Firefox 中很大,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10886023/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com