草庐IT

font-awesome-4

全部标签

html - 在 Microsoft Edge 中使用@font-face

我在这里处理一个奇怪的问题。当我使用@font-face时,MicrosoftEdge浏览器似乎没有加载字体。我检查了所有运行Windows10和MicrosoftEdge的计算机。我检查了http://caniuse.com/#search=font%20face它说font-face与Edge兼容所以我不知道发生了什么。在我的示例中,我只有一个div及其字体参数。CSS@font-face{font-family:'Dosis';font-style:normal;font-weight:200;src:local('DosisExtraLight'),local('Dosis-E

html - 为什么 Windows 和 Mac OS X 上的行高存在 @font-face 差异?

我一直在寻找一个小时的答案,但没有运气。我使用“line-height”CSS属性将文本在框内垂直居中。这适用于标准安全字体,也适用于Windows上的“@font-face”字体嵌入。然而,在Mac上,使用“@font-face”的这种居中方式存在问题。请参阅:http://cl.ly/QBlE/o我不知道该怎么办。解决此问题的唯一方法是为Mac使用不同的行高。但据我所知,如果没有JavaScript或服务器端编程,这是不可能的,而且似乎不是适合我的解决方案。示例(顶部的蓝色框):#header.login{text-decoration:none;margin:11px9px09p

html - 为什么 Windows 和 Mac OS X 上的行高存在 @font-face 差异?

我一直在寻找一个小时的答案,但没有运气。我使用“line-height”CSS属性将文本在框内垂直居中。这适用于标准安全字体,也适用于Windows上的“@font-face”字体嵌入。然而,在Mac上,使用“@font-face”的这种居中方式存在问题。请参阅:http://cl.ly/QBlE/o我不知道该怎么办。解决此问题的唯一方法是为Mac使用不同的行高。但据我所知,如果没有JavaScript或服务器端编程,这是不可能的,而且似乎不是适合我的解决方案。示例(顶部的蓝色框):#header.login{text-decoration:none;margin:11px9px09p

Failed to load local font resource:微信小程序加载第三方字体

加载本地字体.ttf将ttf转换为base64格式:https://transfonter.org/步骤如下将下载后的stylesheet.css里的font-family属性名字改一下,然后引进页面里就行了,全局样式就放app.scss,单页面就引入单页面注:.title{height:36rpx;font-size:36rpx;font-family:"stylesheet里的名字";//这里要加引号font-weight:bold;color:#333333;line-height:36rpx;}加载网络字体好处不超包,坏处比较慢wx.loadFontFace({family:'yyy'

html - 有没有更好的方法来实现多个@font-faces?

我的代码是,@font-face{font-family:Affogato-Light;src:url("fonts/Affogato-Light.woff2")}@font-face{font-family:Affogato-Regular;src:url("fonts/Affogato-Regular.woff2")}@font-face{font-family:Affogato-Medium;src:url("fonts/Affogato-Medium.woff2")}@font-face{font-family:Affogato-Bold;src:url("fonts/Affo

html - 有没有更好的方法来实现多个@font-faces?

我的代码是,@font-face{font-family:Affogato-Light;src:url("fonts/Affogato-Light.woff2")}@font-face{font-family:Affogato-Regular;src:url("fonts/Affogato-Regular.woff2")}@font-face{font-family:Affogato-Medium;src:url("fonts/Affogato-Medium.woff2")}@font-face{font-family:Affogato-Bold;src:url("fonts/Affo

html - Font Awesome 和 Bootstrap alert spacing q

代码Warning:Loremipsumdolorsitamet,consecteturadipiscingelit.Vivamusaugueeros,elementumsedscelerisqueeget,rhoncusinorci.Vivamusactellusinlacusconsecteturdapibusetsitametodio.Proiniaculisporttitornullaacconvallis.Nullamposuereegestaslectus,eufacilisisnullaegestaseu.Phasellusquissapienelementum,volu

html - Font Awesome 和 Bootstrap alert spacing q

代码Warning:Loremipsumdolorsitamet,consecteturadipiscingelit.Vivamusaugueeros,elementumsedscelerisqueeget,rhoncusinorci.Vivamusactellusinlacusconsecteturdapibusetsitametodio.Proiniaculisporttitornullaacconvallis.Nullamposuereegestaslectus,eufacilisisnullaegestaseu.Phasellusquissapienelementum,volu

html - 使 Font Awesome 图标成为表单的提交

我正在尝试在表单帖子中制作一个可点击的超棒字体图标(空方block)。但是,我尝试的代码显示了按钮内的图标。我不需要按钮,而不是我正在寻找的美学(见附件截图)。有什么想法吗?我正在使用此html代码(显示提交代码只是为了简单起见): 最佳答案 您可以通过去掉边框、背景和内边距来隐藏按钮;.fabutton{background:none;padding:0px;border:none;}@importurl('https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-aw

html - 使 Font Awesome 图标成为表单的提交

我正在尝试在表单帖子中制作一个可点击的超棒字体图标(空方block)。但是,我尝试的代码显示了按钮内的图标。我不需要按钮,而不是我正在寻找的美学(见附件截图)。有什么想法吗?我正在使用此html代码(显示提交代码只是为了简单起见): 最佳答案 您可以通过去掉边框、背景和内边距来隐藏按钮;.fabutton{background:none;padding:0px;border:none;}@importurl('https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-aw