草庐IT

TTF_Font

全部标签

html - @font-face 导致加载时间变慢

最近我开始注意到网站在某些时候加载速度非常慢。我已经用firebug调查了这个问题,当页面加载时间很长时会显示:看起来完全是随机的,但对webfont.woff的请求只是等待,永远等待。如果我尝试手动访问此资源,它可以正常工作并在100毫秒内做出响应。我说的页面是http://wtf.maikelzweerink.nl,自定义字体来自主域maikelzweerink.nl。face-fonts在default.css中声明,同样来自主域:@font-face{font-family:'ProximanovaRegular';src:url('//maikelzweerink.nl/ge

html - @font-face 导致加载时间变慢

最近我开始注意到网站在某些时候加载速度非常慢。我已经用firebug调查了这个问题,当页面加载时间很长时会显示:看起来完全是随机的,但对webfont.woff的请求只是等待,永远等待。如果我尝试手动访问此资源,它可以正常工作并在100毫秒内做出响应。我说的页面是http://wtf.maikelzweerink.nl,自定义字体来自主域maikelzweerink.nl。face-fonts在default.css中声明,同样来自主域:@font-face{font-family:'ProximanovaRegular';src:url('//maikelzweerink.nl/ge

html - 在 Chrome 中刷新后,Font Awesome 图标消失

Bootstrap版本3FontAwesome版本3.2.1我在使用Chrome上的Bootstrap和超赞字体时遇到问题。当我最初加载页面时,字体很棒的图标显示正确。当我刷新页面时,图标消失了。**澄清一下,整个图标都不见了,这不是其他人遇到的空框问题。我在这里捕获了救命稻草,但我注意到在原始页面加载和刷新之间检索文件的顺序存在差异。当页面刷新时,字体文件是最后一个要检索的元素,而且它似乎也是一个缓存版本。最后,所有位于内的图标将在鼠标悬停在div上时加载.如有任何帮助,我们将不胜感激!初始页面加载页面刷新 最佳答案 我猜你在Wi

html - 在 Chrome 中刷新后,Font Awesome 图标消失

Bootstrap版本3FontAwesome版本3.2.1我在使用Chrome上的Bootstrap和超赞字体时遇到问题。当我最初加载页面时,字体很棒的图标显示正确。当我刷新页面时,图标消失了。**澄清一下,整个图标都不见了,这不是其他人遇到的空框问题。我在这里捕获了救命稻草,但我注意到在原始页面加载和刷新之间检索文件的顺序存在差异。当页面刷新时,字体文件是最后一个要检索的元素,而且它似乎也是一个缓存版本。最后,所有位于内的图标将在鼠标悬停在div上时加载.如有任何帮助,我们将不胜感激!初始页面加载页面刷新 最佳答案 我猜你在Wi

html - 为什么 'font-family' 没有自动继承到 '<button>' 标签中?

我注意到在的情况下标签,font-family不会自动继承;要么我必须明确指定它:Button或者像这样使用inherit属性:Button但是,font-family会在其他标签的情况下自动继承,例如标记。为什么会出现这个问题?标签?这是一个DEMO. 最佳答案 表单元素不继承字体设置,您必须手动设置这些属性。如果您使用字体声明,例如。body,body{font-family:arial,sans-serif}只用body,input,textarea,button{font-family:arial,sans-serif}或i

html - 为什么 'font-family' 没有自动继承到 '<button>' 标签中?

我注意到在的情况下标签,font-family不会自动继承;要么我必须明确指定它:Button或者像这样使用inherit属性:Button但是,font-family会在其他标签的情况下自动继承,例如标记。为什么会出现这个问题?标签?这是一个DEMO. 最佳答案 表单元素不继承字体设置,您必须手动设置这些属性。如果您使用字体声明,例如。body,body{font-family:arial,sans-serif}只用body,input,textarea,button{font-family:arial,sans-serif}或i

html - 如何调试@font-face 问题?

我有以下CSS代码://theMixPlainSemiBold@font-face{font-family:'theMixPlainSemiBold';src:url('/css/fonts/....eot');src:url('/css/fonts/....eot?#iefix')format('embedded-opentype'),url('/css/fonts/....svg#TheMixPlainSemiBoldSemiBold')format('svg'),url('/css/fonts/....woff')format('woff'),url('/css/fonts/..

html - 如何调试@font-face 问题?

我有以下CSS代码://theMixPlainSemiBold@font-face{font-family:'theMixPlainSemiBold';src:url('/css/fonts/....eot');src:url('/css/fonts/....eot?#iefix')format('embedded-opentype'),url('/css/fonts/....svg#TheMixPlainSemiBoldSemiBold')format('svg'),url('/css/fonts/....woff')format('woff'),url('/css/fonts/..

html - 响应式 App : which font-size units em vs. px vs. pt vs. percent

我正在使用HTML和CSS构建一个针对台式机、平板电脑和手机的响应式应用程序,但我不确定应该使用什么单位字体大小才能使字体适合任何尺寸的屏幕。em、px、pt和percent之间有什么区别?什么是最适合我的选择?我想在桌面、平板电脑和手机的响应式应用程序中听到关于它的真实体验如有任何帮助,我将不胜感激! 最佳答案 您可能想看看这篇文章:littlelink.更新:这里有一些关于这如何适用于您的情况的解释:px:像素是设备显示屏中的一个小方block(通常),一次只能显示一种颜色。你的screenresolution指定您的屏幕/显示

html - 响应式 App : which font-size units em vs. px vs. pt vs. percent

我正在使用HTML和CSS构建一个针对台式机、平板电脑和手机的响应式应用程序,但我不确定应该使用什么单位字体大小才能使字体适合任何尺寸的屏幕。em、px、pt和percent之间有什么区别?什么是最适合我的选择?我想在桌面、平板电脑和手机的响应式应用程序中听到关于它的真实体验如有任何帮助,我将不胜感激! 最佳答案 您可能想看看这篇文章:littlelink.更新:这里有一些关于这如何适用于您的情况的解释:px:像素是设备显示屏中的一个小方block(通常),一次只能显示一种颜色。你的screenresolution指定您的屏幕/显示