Tag: webfonts

文本和图标在引导button中垂直alignment

我无法在引导框架下的button内垂直alignment字体超赞的图标和文本。 我已经尝试了很多东西，包括设置行高，但没有任何工作。 <button id="edit-listing-form-house_Continue" class="btn btn-large btn-primary" style="" value="" name="Continue" type="submit"> Continue <i class="icon-ok" style="font-size:40px;"></i> </button> http://jsfiddle.net/fPXFY/ 我怎样才能得到这个工作？

在CSS中使用多个@ font-face规则

如何在我的CSS中使用超过@font-face规则？ 我已经插入到我的样式表中： body { background: #fff url(..http://img.dovov.combody-bg-corporate.gif) repeat-x; padding-bottom: 10px; font-family: 'GestaRegular', Arial, Helvetica, sans-serif; } @font-face { font-family: 'GestaReFogular'; src: url('gestareg-webfont.eot'); src: local('☺'), url('gestareg-webfont.woff') format('woff'), url('gestareg-webfont.ttf') format('truetype'), url('gestareg-webfont.svg#webfontg8dbVmxj') format('svg'); } 目前这只适用于网站上的整个文本。 但是，我想指定h1使用不同的字体。 我怎样才能做到这一点？

如何使谷歌字体在IE中工作？

我一直在开发一个使用Google Fonts API的网站。 这是伟大的，据说已经在IE中testing，但在IE 8testing时，字体根本没有风格。 我按照Google的指示包括字体，因此： <link href="http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light" rel="stylesheet" type="text/css" /> 并将其名称添加到CSS中的字体家族的前面： body { font-family: "Josefin Sans Std Light", "Times New Roman", Times, serif; font-size: 16px; overflow-y: scroll; overflow-x: hidden; color: #05121F; } 像Chrome，Firefox，Safari一样的魅力。 没有骰子在IE 8.有人知道为什么？

Webfonts或本地加载的字体？

自从使用Cufon引起的麻烦之后，我冒险使用外部字体资源，但是到了最近，我一直在寻找加载字体的替代方法来查看是否有更好的方法。 更好的方法有一个出现在蓝色的方式。 这里有很多新的方法，看起来每种方法都有所不同。 我应该使用typekit吗？ 或谷歌WebFonts （与JS或CSS）？ 我应该继续使用本地加载字体（例如fontsquirrel.com生成的方法）？ 我将列出下面看起来最受欢迎的方法，并进行一些testing，但是真的值得移植到webfont吗？ 它似乎会带来更高的资源负载（HTTP请求），并具有较less的文件格式types（较less兼容性）等，但看起来像文件加载asynchronous和高效率在大多数情况下。 这只是一个情况和需要的问题吗？ 如果是这样，他们是什么？ 这些方法之间有很大的差异吗？ 有没有更好的方法，我没有列出？ 什么是专业/性能的performance？ 看？ 依赖呢？ 兼容性？ 我真的在这里寻找最佳实践，性能是一件大事，但可扩展性和易用性也是如此。 更不用说，外观和感觉。 Google CSS 只使用外部样式表 只使用最小的兼容文件types 可以使用@import或者<link>或者把styleshee（ @font-face ）的内容直接放到你自己的样式表中。 检测结果 78ms load of html 36ms load of css Google JS方法 使用webfont.js加载styleshet 只使用最小的兼容文件types 附加:root具有类的:root元素 添加脚本头。 检测结果 171ms load of html 176ms load of js 32ms load of css Typekit方法 […]

为什么要在字体中包含ttf，eot，woff，svg等…

在CSS3的 font-face ，有ttf ， eot ， woff ， svg和cff等多种字体types。 为什么我们应该使用所有这些types？ 如果它们对于不同的浏览器是特殊的，为什么它们的数量大于主要网页浏览器的数量呢？

Firefox和Opera中的Webfont平滑和抗锯齿

我在我的网站上embedded了一些自定义的网页字体，我使用类似的东西 //-webkit-text-stroke-width: .05px; //-webkit-text-stroke-color: white; -webkit-font-smoothing: antialiased; 风格我的渲染输出。 这在Safari和Chrome中运行得很好。 我得到更清晰的边缘和更细的线条。 有什么办法做这样的东西在Firefox？ 还是Opera？

添加自定义图标字体真棒

我喜欢Font Awesome图标字体，并希望将其用于我网站上的大多数图标，但除了提供的内容外，还有一些我需要的自定义svg图标。 我注意到Font Awesome的.svg版本主要由这些<glyph />元素组成： … <glyph unicode="" horiz-adv-x="1536" d="M0 80v477q0 51 24.5 61.5t59.5 -24.5l162 -162l340 338l-338 338l-164 -164q-35 -35 -59.5 -25.5t-24.5 60.5v477q0 31 23 57q27 23 57 23h477q51 0 61.5 -24.5t-24.5 -59.5l-160 -158l338 -338l332 334l-162 162q-35 35 -24.5 59.5t61.5 24.5h477q33 0 55 -23 q25 -25 25 -57v-477q0 -51 -24.5 -61.5t-59.5 24.5l-162 162l-334 -334l338 -336l158 […]

如何解决IE6-IE8中的Web字体加载问题？

很多networking上的文章是这样的： http : //www.fontspring.com/blog/fixing-ie9-font-face-problemsbuild议添加一个?#iefix的eoturl。 我很想知道这是如何解决这个问题的。 谢谢。

如何在HTML网站上安装自定义字体

我没有使用Flash或PHP – 我被要求添加一个自定义的字体到一个简单的HTML布局。 “KG六月虫” 我有它在本地下载 – 有一个简单的CSS技巧来完成这个？

用Unicode补充多语言平面符号创buildwebfont

我做了一个传统纸牌游戏的概念validation在线实现。 为了避免实际绘制卡片的图片，我使用了相应的Unicode字符 （例如U + 1F0A1）。 虽然这在现代Linux桌面（ DejaVu Sans用于显示这些字符）方面效果很好，但其他操作系统（例如Windows或Android）似乎缺less可显示字符的字体。 一个简单的解决scheme是通过@font-face加载DejaVu Sans。 为了避免必须下载所有的DejaVu Sans，我想创build一个只包含相关代码点的字体。 原则上字体松鼠的Webfont发生器允许，但我不能得到它与Unicode平面1（纸牌符号）的字符。 是否有一些简单的方法来创build包含U + 1F0A0到U + 1F0DF的@font-face compatible字体？