怎么样自定义字体?用HTML5的font-face

这很简单,第一你要拿到一个字库,是你自己做的也好,往上下载的也好,然后登陆这个网址www.fontsquirrel.com/fontface/generator

1.点击upload fonts上传你的字库

2.选择第二项OPTIMAL

3。点击红色的字体,Yes, the fonts I‘m uploading are legally eligible for web embedding.

然后就生成压缩包文件,然后你打开它,把代码拷贝到样式表中,那么不同浏览器的人都能看到你的字体了,不过要注意的是,font-face里的font-family的字体是你设置的名字,是可以改的,你要在用这个字库的时候记得把名字改了。

时间: 2024-10-10 19:25:08

怎么样自定义字体?用HTML5的font-face的相关文章

box-shadow,text-shadow,前端自定义字体

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> @font-face { font-family: myfamily;    /*字体自定义名称,便于引用*/ /*自定义字体 */ src:url("res/font.TTF"); /*字体

自定义字体的方法

网页自定义字体终极教程(兼容各大浏览器)作者:零度逍遥 | 时间:2014-08-25 | 浏览:1050 | 0 条评论在我们浏览网页的时候,文字占据着网页的大部分空间,给我们提供重要的信息,所以作为前端开发工程师,我们有义务把网页的字体设计的更加美观,让用户看起来更加舒适,随着CSS3的出现,网页自定义字体收到越来越多的开发人员欢迎. 我想有人可能会像我一样,尝试搜索过各种方法,但都不是太理想,有的是加载不成功,有的则是兼容性不好,无奈,自己闷头研究,终于在今天有了个成果,给大家分享一下.

01_MUI之Boilerplate中:HTML5示例,动态组件,自定义字体示例,自定义字体示例,图标字体示例

?? 1安装HBuilder5.0.0,安装后的界面截图如下: 2 按照https://www.muicss.com/docs/v1/css-js/boilerplate-html中的说明,创建上图的Boilerplate.html: 3 代码内容如下: <!-- 作者:[email protected] 时间:2015-08-02 描述:使用MUI,您可以先简单地直接将以下CSS和JS加入到您的HTML文档中: <link href="//cdn.muicss.com/mui-0.

自定义字体之BMFont的使用

***************************************转载请注明出处:http://blog.csdn.net/lttree******************************************* 之前cocos2d-x文章用到了自定义字体的BMFont软件,不会用,看网上东东也没怎么看懂,自己摸索了半天,终于差不多啦,现在就来分享一下,如有错误之处,欢迎指正,Thank U~ 这个软件下载地址:http://download.csdn.net/detail

Android实现自定义字体

介绍 最近在看开源项目的时候,发现里面涉及到了自定义字体,虽然自己目前还用不到,但是动手demo笔记记录一下还是有必要的,没准哪天需要到这个功能. 原理 1.其实实现起来非常简单,主要是用到了Typeface这个类,通过加载assets里的ttf字体,调用View.setTypeface实现原生字体替换. 默认自带样式 public static final int NORMAL = 0; public static final int BOLD = 1; public static final

iOS开发中自定义字体的方法

http://www.cnblogs.com/iyou/archive/2014/05/25/3751669.html 1. 首先下载你想要设置的字体库,例如设置方正启体简体 2. 添加到工程,一定要注意勾选红色框框处,默认是不勾选的  添加以后 3.在plist文件中添加 4.现在已经添加成功了,但是要使用就必须知道FontName,用以下代码可查到 NSArray *familyNames = [[NSArray alloc] initWithArray:[UIFont familyName

iis 自定义字体 woff

HTTP 错误 404.3 - Not Found 由于扩展配置问题而无法提供您请求的页面.如果该页面是脚本,请添加处理程序.如果应下载文件,请添加 MIME 映射. 请求的 URL http://localhost:5210/Font/fontawesome-webfont.woff?v=3.2.1 物理路径 F:\autoCode\Font\fontawesome-webfont.woff 登录方法 匿名 登录用户 匿名 解决办法: 添加MIME .woff  application/x-f

css3 自定义字体的使用方法

@font-face是CSS3中的一个模块,他主要是把自己定义的Web字体嵌入到你的网页中,随着@font-face模块的出现,我们在Web的开发中使用字体不怕只能使用Web安全字体,你们当中或许有许多人会不自然的问,这样的东西IE能支持吗?当我告诉大家@font-face这个功能早在IE4就支持了你肯定会感到惊讶.我的Blog就使用了许多这样的自定义Web字体,比如说首页的Logo,Tags以及页面中的手写英文体,很多朋友问我如何使用,能让自己的页面也支持这样的自定义字体,一句话这些都是@fo

iOS使用自定义字体的方法(内置和任意下载ttf\otf\ttc字体文件)

最近做了个有关阅读的应用,使用了自定义字体,学习了一下这方面的知识. 1.首先是最简单也普遍的做法,打包内置字符库文件: 把字体库文件添加到工程,如font1.ttf添加到工程,然后在工程plist添加一项Fonts provided by application,这是个数组,然后添加key item1,value就是刚才说的font1.ttf,如图: 那么在工程里就可以直接使用这个字体,直接用 + (UIFont *)fontWithName:(NSString *)fontName size

HTML中用自定义字体实现小图标icon(不是原作, 只是一个研究笔记)

最近在做一个项目时, 研究了一下新浪微博的前端, 看到首页中那个图标了吗, 以前看到这类效果的第一反应就是用一个gif之类的图标做出来!! 但在研究的过程, 发现了一个小技巧, 注意那个em标签中的文本是E, 但显示出来一个类似ICON的图标. 既然是HTML+CSS写出来的, 那么应该是由css控制显示出来的效果的. 其他的一些css基本没什么问题, 都理解了, 但只有这个 font-family, 强制设置成了 "wbficonregular", 一般操作系统里应该没这个命名的字体