av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

前端 - css自定義字體

瀏覽:107日期:2023-07-07 14:59:54

問題描述

是這樣的,今天設計稿上用到一種特殊字體,設計師給了我字體的.ttf文件,但是有5MB多,這么大,怎么使用,另外如何保證兼容性,

ps: 是在移動端的前端開發

另外:是這樣的,用到特殊字體的字一部分是不確定的,來源于用戶表單的輸入,,因此,答案里很多方法好像用不上,

問題解答

回答1:

如果你們頁面用到的文字不多的話,可以考慮試一下:http://font-spider.orgfont-face 的支持在移動設備上兼容性基本沒什么問題,可以放心使用:http://caniuse.com/#search=fo...如果內容字體很多的話,打出來的字體包還是很大的話,建議讓設計師更換,不然就是坑用戶。

回答2:

如果只是少數幾個字,可以用一些工具把這些字單獨提取出來做一個字體。

回答3:

移動端沒什么兼容問題,見下圖

前端 - css自定義字體

CSS3 自定義字體使用方式

/* 定義字體,客戶端會主動下載服務器的字體文件 */@font-face{ font-family: ’自定義字體名稱’; src: url(’字體文件路徑’);}/* 使用字體 */body{ font-family: ’你定義字體名稱’; font-size: 65%;}

5M 的字體確實太大了,而且是移動端簡直要死人了,不僅加載慢而且特費流量問問你們設計能不能壓縮大小,一般保持 1M 以下

回答4:

移動端的話,真沒必要引用那么大的字體,一般Arial 微軟雅黑就可以了。以前設計師也弄個超大的字體文件讓我引用,我用了一次,就不用了,一個字體比我整體文件還大,得不償失。

回答5:

1、用到的地方不多的話就使用圖片代替2、如果用的地方比較多建議使用在線字體網站,例如有字庫

回答6:

可以使用百度的fontmin工具如果使用gulp,可以按這個https://www.npmjs.com/package...寫個任務比如

//直接提取你需要的字體gulp.task(’fontmin’, function () { return gulp.src(fontpath).pipe(fontmin({ text: ’your text’})).pipe(gulp.dest(destpath));});//提取html中需要被提取的字體,不過這里fontmin應該是提取了body里用到的文字,//然后將所有文字匹配,所以會有不相關的字體也被提取,所以,感覺還是上面的方法比較常用function minifyFont(text, cb) { gulp.src(somepath).pipe(fontmin({ text: text})).pipe(gulp.dest(somepath)).on(’end’, cb);}gulp.task(’fonts’, function (cb) { var buffers = []; gulp.src([’xx.html’, ’yy.html’]).on(’data’, function (file) { buffers.push(file.contents);}).on(’end’, function () { var text = Buffer.concat(buffers).toString(’utf-8’); minifyFont(text, cb);});});

如果不需要頻繁更改,還有可視化工具http://fontmin.forsigner.com/

兼容性問題樓上已經caniuse截圖

標簽: CSS
相關文章:
主站蜘蛛池模板: 最近中文字幕第一页 | 国产免费一区二区三区最新6 | 91国自视频| 久久aⅴ乱码一区二区三区 亚洲国产成人精品久久久国产成人一区 | 久草.com | www久久国产 | 2一3sex性hd | 久久五月婷 | 欧美一区二区三区在线观看 | 国产精品毛片一区二区三区 | 青青草av| 欧美电影网 | 自拍第一页 | 久久精品福利 | 九九色综合 | 999热在线视频 | 一区二区三区高清在线观看 | 999免费视频 | 国产精品日韩欧美一区二区三区 | 日韩欧美专区 | 国产精品一区二区三区在线播放 | 亚洲精品68久久久一区 | 天堂久久天堂综合色 | 日韩欧美亚洲 | 久久男人 | 天天爽网站 | 极品销魂美女一区二区 | 日韩欧美视频免费在线观看 | 黄色片视频网站 | 精品国产精品三级精品av网址 | 日韩在线不卡 | 午夜伦4480yy私人影院 | 国产特级毛片aaaaaa喷潮 | 日本三级全黄三级三级三级口周 | 欧美亚洲成人网 | 欧美一区二区免费在线 | 日韩成人在线观看 | 国产最新视频在线 | 欧美极品在线视频 | 久久国产精品免费一区二区三区 | 国产日韩欧美在线观看 |