草庐IT

Font-Family

全部标签

html - 根据使用字体堆栈中的字体调整字体大小

我正在使用一种新的googleapi字体作为网站的标题。它是YannoneKaffeesatz,是一种非常简洁的字体。我的字体栈如下:font-family:'YanoneKaffeesatz',arial,serif;当YannoneKaffeesatz字体呈现时这很好,但如果不呈现,Arial会更加开放并且标题跨越两行。我的问题是:是否可以根据页面上呈现的字体使用不同的字体大小?理想地支持多种浏览器。谢谢汤姆 最佳答案 不,这是不可能的。从font-family列表中找出实际使用的字体既复杂又困难,即使在JavaScript中也

html - 根据使用字体堆栈中的字体调整字体大小

我正在使用一种新的googleapi字体作为网站的标题。它是YannoneKaffeesatz,是一种非常简洁的字体。我的字体栈如下:font-family:'YanoneKaffeesatz',arial,serif;当YannoneKaffeesatz字体呈现时这很好,但如果不呈现,Arial会更加开放并且标题跨越两行。我的问题是:是否可以根据页面上呈现的字体使用不同的字体大小?理想地支持多种浏览器。谢谢汤姆 最佳答案 不,这是不可能的。从font-family列表中找出实际使用的字体既复杂又困难,即使在JavaScript中也

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

caching - HTML5 离线缓存 google font api

我正在尝试创建一个离线HTML5测试应用程序,同时正在使用新的googlefontsapi。有谁知道如何缓存远程字体?简单地将api调用放在缓存list中是行不通的,我认为这是因为api实际上加载了其他文件(ttf、eot等)。如果可以离线使用字体api,有什么想法吗?作为引用,这是我正在调用的电话:http://fonts.googleapis.com/css?family=IM+Fell+English|Molengo|Reenie+Beanie 最佳答案 如果将该URL粘贴到浏览器地址栏中,您将看到CSS链接到的文件:http