fonts相关内容

将文字高度设为div的100%?

我试图使文本100%高度的 div ,但它不工作。 它只是 body {font-size:?; } 。 有没有办法让它跟随div高度? div height 解决方案 要调整大小/更改分辨率时,得到我想要的结果,我不得不使用这个代码: //缓存div,找到它每次窗口调整大小。 var $ div = $('li.leaf.item'); //当窗口调整大 ..
发布时间:2017-01-19 02:16:58 前端开发

Chrome不尊重字体重量?

我有Arial作为我的基本字体,我试图对页面的不同部分使用各种字体权重(正常,粗体/ 700和900) 这似乎在Firefox和Internet Explorer中工作正常,但是在Google Chrome中,粗体/ 700和900之间似乎没有什么区别? 查看小提示 (上述链接已损坏/无效) HTML : 测试 ..
发布时间:2017-01-19 01:32:16 前端开发

为什么我的字体在IE9更好看?

我使用 font-family:Myriad; font-size:40px 。我不能相信IE以最好的质量显示字体!比Opera,Firefox和Chrome好多了。 如何做到? 这里是一个演示: http://jsfiddle.net/55Ruh/3/ 在所有浏览器中尝试此链接。 IE(最新版本,9)显示最好和最高质量的文本,不是吗? 解决方案 是因为IE9引入了 ..
发布时间:2017-01-19 01:27:53 前端开发

有文本按比例放大以适应容器

使用CSS,特别是没有onload javascript,可以这样做: 你有一个150px宽,100px高的单元格。 它包含一个文本,例如:$ 20,00或其任何变体。 您希望它完全适合容器的大小。 我可以用javascript来完成,大小文本,直到一个没有padding / margin的容器到达单元格的宽度和/或高度。 可以使用纯CSS吗? 考虑到字体不是固定大 ..
发布时间:2017-01-19 01:10:42 前端开发

跨浏览器的一致字体大小(网络开发)

在创建网页时,我们如何在各种浏览器中实现一致的字体大小。我在我的CSS中使用类似“font-size:11pt; font-family:Helvetica,'Lucida Grande'”,但是在Firefox, Google Chrome和Safari(这甚至不在不同的平台上)。基本上在同一台机器上,即运行Windows Vista,我在不同的浏览器下得到不同的外观和感觉。 如何固定,以 ..
发布时间:2017-01-19 00:55:54 前端开发

CSS字体大小:相对值与绝对值。哪个使用?

在像素/ em中定义字体大小的优点和缺点是什么? 解决方案 使用哪个? 两者。相对于主体文本,用户将需要阅读很多(所以他们会想要能够舒适地阅读它); 对于相对值,'%'和'em'是绝对大小的文字,必须与页面上像素大小的其他元素 对于绝对,总是使用'​​px'。不要在屏幕上使用“pt”,它只对打印样式表有意义。很遗憾,'pt'被认为是字体处理的默认单位,因为在网络上它是 ..
发布时间:2017-01-19 00:08:25 前端开发

使用CSS规则“text-rendering:optimizelegibility;”是安全的。对所有文本?

我注意到这个 woo主题例如已在HTML标记上设置,因此整个网站的文字都已设置。我读到,它可以导致性能问题,但这是一段时间。有些人建议只将它添加到标题和大文本。 现在更改规则了吗?浏览器的性能是否良好? 解决方案 否:多年来在各种平台上出现了许多错误,显示或显示不正确(见下文)。如果你的目标是让连字,实际上是标准的物业 font-variant-ligatures -variant- ..
发布时间:2017-01-18 23:34:44 前端开发

GLYPHICONS - 引导图标字体十六进制值

我想使用 GLYPHICONS 图标字体,我需要十六进制值的每个图标,我没有看到任何关于它在引导网站上的页面和 GLYPHICONS 网站,那么如何将它嵌入到项目中并使用呢? 注意:我想使用 GLYPHICONS icon-font not png图标 m using bootstrap 2.3.2 解决方案 Bootstrap的样式表, Bootstrap.css 。每个 \ { ..
发布时间:2017-01-18 23:31:18 前端开发

在CSS中使用自定义(ttf)字体

我有一个mac,并且已经安装了一个名为“7 Segment”的字体(它显示在Font Book中)。当我使用 font-family:“7 Segment”; 我得到Helvetica(或类似)而不是浏览器的默认字体,但它仍然没有显示正确的字体。该页面只需要在此计算机上显示。我将如何使用此页面上的字体?感谢。 解决方案 您需要使用css-property font-face来声明您的字体。 ..
发布时间:2017-01-18 18:22:39 前端开发

如何根据窗口宽度增加字体大小?

我创建了一个基于网络的应用程序,将显示在电视和其他大型显示器上。我想要一个快速,简单的方法来增加字体大小,以适应窗口大小。文字是动态的。 任何帮助都非常感谢。 ;) 解决方案 如果您有兴趣/可以使用 CSS3 CSS解决方案 - 媒体查询 >> http://www.w3 .org / TR / css3-mediaqueries / 例如,CSS: @media sc ..
发布时间:2017-01-18 18:14:12 前端开发

等待字体在渲染网页之前加载

我使用@ font-face在我的网站中嵌入字体。首先,文本呈现为系统默认,然后(一旦字体文件已经加载可能),正确的字体呈现一秒钟的一部分。是否有办法通过延迟页面渲染,直到字体加载或类似之后,最小化/摆脱这种延迟。 解决方案 这是浏览器的行为方式。 首先你的@font声明在哪里?它是内联到你的HTML,在页面的CSS表中声明的,或者(希望)在外部CSS表中声明。 如果它不在外部 ..
发布时间:2017-01-18 18:13:26 前端开发

如何添加自定义字体到Rails应用程序?

我有一些字体,我想在我的RoR应用程序中使用,但他们的格式主要是.ttf和.otf,等等。我如何去嵌入这些文件在我的Rails应用程序?也就是说,一旦我把它们放在我的资源文件夹,我的语法是什么嵌入我的CSS和/或LESS文件? 编辑: 这是我现在的代码: @ font-face { font-family:Vow; src:url('/ assets / Vow.otf'); ..
发布时间:2017-01-18 18:07:34 前端开发

@ font-face现在可以使用吗?

我必须在项目中使用花哨的字体,但我真的想避免sifr和其他丑陋的选择,所以我看着@ font-face。 但是,我真的很困惑与几个博客/网站提供不同的意见上的可用性。是准备好了吗? 感谢 解决方案 浏览器实现它。唯一真正的吸引力是,Internet Explorer需要自己的OTF格式的字体文件,并且不会理解TTF格式。许多提供用于@ font-face的字体的网站将为您提供在 ..
发布时间:2017-01-18 17:51:25 前端开发

Google网络字体在Windows上的Chrome中呈现断续

我在我的网站上使用Google网页字体服务,并且非常依赖它。它在大多数浏览器上呈现正常,但在Windows的Chrome上,它特别糟糕。非常波动和像素化。 到目前为止,我发现Chrome需要首先加载.svg格式的字体。我使用的字体,称为Asap,只能在.woff中使用。我使用免费在线服务将其转换为.svg,但是当我添加到我的样式表(在.woff之前),它没有改变任何东西。 I 've ..
发布时间:2017-01-18 17:19:07 前端开发

在Web浏览器上使用.otf字体

我在一个需要在网上进行字体试验的网站上工作,所有的字体都是.otf 有一种方法嵌入字体, 解决方案 如果没有, div> 如果您的字体是免费字体,您可以使用例如 onlinefontconverter 转换您的字体,但.otf是使用@ font-face的好类型 @ font-face { font-family:GraublauWeb ; src:url(“pa ..
发布时间:2017-01-18 17:16:35 前端开发