5

Online @font-face generator — Transfonter

 2 years ago
source link: https://transfonter.org/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
This tool converts any TTF, OTF, WOFF, WOFF2 or SVG fonts to css @font-face formats with CSS and HTML sample files.

Recommend

  • 39
    • 掘金 juejin.im 5 years ago
    • Cache

    CSS @font-face性能优化

    概述 本文主要介绍字体加载优化的常用策略,大部分内容为引用和翻译。 一、 font-face基本用法 font-face的基本用法想必大家都是知道的,基本上就是类似这样: @font-face { font-family: Lato; src: url('

  • 6

    The importance of `@font-face` source order when used with preloadSkip navigation The other day I decided to run a quick WebPageTest (WPT) run over the latest version of the

  • 4
    • thecsspodcast.googledevelopers.libsynpro.com 2 years ago
    • Cache

    040: The CSS Podcast: @font-face

    The CSS Podcast Preview Mode Links will not work in preview mode ...

  • 3
    • yuguo.us 2 years ago
    • Cache

    font-face实战

    font-face实战 余果 2012-06-27 front-end 以前都只是理论,最近我在Qzone真正开始使用字体来实现图标。 如果以前都不了解这一话题,可以先看看

  • 3
    • yuguo.us 2 years ago
    • Cache

    CSS3 @font-face 语法分析

    CSS3 @font-face 语法分析 余果 2012-07-30 front-end 使用CSS3自定义字体的时候,为了兼容所有浏览器,服务器需要输出4种格式的字体,分别是eot、svg、ttf和woff。 CSS代码...

  • 4
    • www.zhangxinxu.com 2 years ago
    • Cache

    真正了解CSS3背景下的@font face规则

    by zhangxinxu from http://www.zhangxinxu.com/wordpress/?p=6063 本文可全文转载,但需得到原作者书面许可,同时保留原作者和出处,摘要引流则随...

  • 4

    How to Use @font-face CSS to Change Your Website Fonts By Samuel L. Garbett Published 1 day ago Changing the font on your websi...

  • 7

    gen-font-face Installation npm install gen-font-face -g npx gen-font-face Usage Usage: gen-font-face [options] Options: -c, --conf...

  • 3
    • www.aleksandrhovhannisyan.com 1 year ago
    • Cache

    A Font-Face Faux Pas

    A Font-Face Faux Pas In case it’s not clear, this article’s goal is not to name and shame! I enjoyed debugging a CSS problem in the wild and wanted to share my thought process. ...

  • 1
    • www.phpied.com 3 months ago
    • Cache

    Font-face toggler bookmarklet

    Ever wanted to look at your page and turn Web Fonts on and off? Experience the layout shift repeatedly, like some sort of UX torture? Look no further, here comes the handy bookmarklet. Install Drag this link to a bookmark toolbar n...

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK