打造属于你自己网站的网络字体

news/2024/5/14 18:07:56/文章来源:https://blog.csdn.net/anbo724/article/details/6405815

刚从网络著名个人独立博客大师万戈的博客拜访回来,万戈大师更新了一篇关于谷歌WebFonts API使用的文章。确实又一大革新啊,掀起了网页字体云服务运动的新高潮。谷歌WebFonts服务的优势,我就不细说了,感兴趣的同学可移步VIA去观摩。

不过有点大大限制就是服务在谷歌,不稳定,存在不可抗拒力因素。还有一点小小遗憾就是不提供中文字体服务,广大中文博客使用爱好者无法享受这服务啊。不过,我这里为大家提供一个更好的就解决方法,不好不准拍哦。

下面是我以前在网络上乱窜时,无意中发现的一种为自己的网站或者博客架设自己专用字体。是一个专门为客户提供专业字体服务的公司,有兴趣的同学也可以VIA前去了解真相。

现在就说说如何为你的网站添加你自己的字体:为你的网站添加字体是一件非常简单的事情,你所要做的就是要有对CSS和字体理解的基础。接下来你只需按下列指导步骤添加即可。

1、上传你的专用字体到你的网站;

2、将下列代码添加到你的样式表中(当然你也可以使用:link样式导入);

@font-face {
font-family: "your font name";
src: url('location/myfont/font.ttf') format("truetype");
}

3、现在就你可以像使用普通字体一样应用你自己专用的字体。

div {
font-family: "your font name";
}

呵呵,以防不测,建议在后面添加一个备用的网页安全字体。例如:font-family: Calligraffitti,Arial;。有个缺点就是中文字体库牛13的大,推荐使用英文字体库。

WebFonts字体服务还是很有大的优势的,比如说:

1、兼容WEB。即使访问用户电脑上没有安装过的字体也能显示,因为这个字体存放于你自己的网站上。

2、无需JS。

3、免费DIY。

接下就是享受WebFonts运动的新高潮吧!!!

原文链接:http://imzh.net/118.zh

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_889142.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

细数国内几个比较牛的网站UED博客

原文链接:http://www.cnbeta.com/articles/82049.htm 发现国内一些有创新精神的网站的UED部门很活跃,也很有共享精神。他们有的在网站建立了自己的团队博客,在里面分享他们的设计经验,很值得一看。其实,团队开博客不仅…

Niushop pc端SEO搜索引擎设置

PC端SEO搜索引擎设置 SEO设置 (SEO设置用于搜索引擎收录网站。) 标题附加字:网页标题通常是搜索引擎关注的重点,本附加字设置出现在标题中商城名称后,如有多个附加字,建议用英文“,”分隔。 网站关键词&…

Niushop 网站基础设置

网站基础设置 网站信息设置 打开后台-设置-基础设置-网站基础设置 在首页展示 注:网站名称修改后得重新登录才生效,官网网址就和一级域名连接。 转载于:https://my.oschina.net/u/4103048/blog/3078736

Niushop 网站联系设置

网站联系设置 网址联系设置 打开后台-设置-基础设置-网站联系设置 在首页底部显示服务热线 转载于:https://my.oschina.net/u/4103048/blog/3079144

Niushop 网站备案与统计设置

网站备案与统计设置 备案与统计设置 打开后台-设置-基础设置-备案与统计设置 在首页底部显示备案与统计信息 转载于:https://my.oschina.net/u/4103048/blog/3079322

Niushop 网站运营状态设置

网站运营状态设置 运营 打开后台-设置-基础设置-运营 1.网站访问模式:兼容模式和pathinfo模式兼容模式 注意:伪静态只支持pathinfo模式,如果开启伪静态,请选择pathinfo模式 2.PC端商城运营状态:开启或关闭 电脑端站点运…

利用cobaltstrike加sqlmap拿下一个网站并提权

利用cobaltstrike加sqlmap拿下一个网站并提权 Cobalt Strike是一款基于java的渗透测试神器,常被业界人称为CS神器。自3.0以后已经不在使用Metasploit框架而作为一个独立的平台使用,分为客户端与服务端,服务端是一个,客户端可以有多…

MSBuilder(1)--------利用vs2005发布asp.net网站到远程服务器上

MSBuilder--------利用vs2005发布asp.net网站到远程服务器上 找了两篇文章将问题解决了 英文好的可以可看 http://msdn.microsoft.com/en-us/magazine/cc163448.aspx 不但说明了,如何部署,还说明了通过动态配置保证在不同的服务器上生成不一样的发布数据比如web.config 中文…

大型网站架构演变和知识体系

之前也有一些介绍大型网站架构演变的文章,例如LiveJournal的、ebay的,都是非常值得参考的,不过感觉他们讲的更多的是每次演变的结果,而没有很详细的讲为什么需要做这样的演变,再加上近来感觉有不少同学都很难明白为什么…

大型网站架构演变和知识体系

之前也有一些介绍大型网站架构演变的文章,例如LiveJournal的、ebay的,都是非常值得参考的,不过感觉他们讲的更多的是每次演变的结果,而没有很详细的讲为什么需要做这样的演变,再加上近来感觉有不少同学都很难明白为什么…

云图说|云闪课·OBS学堂·02期 - 使用自定义域名配置静态网站托管

OBS学堂上期回顾:云图说|云闪课OBS学堂01期 - 托管静态网站, 助您简化建站流程 本期介绍的是云闪课-OBS学堂第二期:使用自定义域名配置静态网站托管 通过上一期的云图说,想必您一定对使用OBS托管静态网站有了一定的了…

云图说|云闪课·OBS学堂·01期 - 托管静态网站, 助您简化建站流程

华为云云闪课云图说系列,通过图形化说明,将云服务操作简单生动的以小课堂的形式教您快速上手云服务。 本期介绍的是云闪课-OBS学堂第一期:托管静态网站, 助您简化建站流程。 华为云对象存储服务OBS是稳定、安全、高效、易用的云…

教你如何更改网站数据的保存路径

步骤: 1、创建保存网站数据的目录,并创建网站的首页信息 2、修改httpd服务的主配置文件 3、重启服务 4、发现无法访问网站,涉及到SELinux,查看当前SELinux的状态 如果状态不是enforcing,则进入SELinux的主配置文件中进…

在linux中部署虚拟网站主机----IP访问

1、在网卡中添加主机的ip 2、重启网卡 3、验证添加的ip可用,即可ping通 4、创建各个ip主机所需存放网站数据的工作目录访问页面index.html 5、配置httpd的主配置文件重启生效开机自启 6、无法访问,看看是否为selinux上下文导致的原因 7、查看原来网站的存…

linux中部署虚拟网站主机----域名访问

1、添加域名 2、验证所添加的域名可以使用----ping 3、分别创建各个域名所存放的网站数据的目录文件并且创建首页的访问页面 4、配置httpd的主配置文件重启生效开机自启 5、查看selinux的上下文 6、更改上下文 7、立即生效 实验: 1、添加域名 vim /etc/hosts 2、验…

linux中部署虚拟网站主机----端口访问

1、创建和端口相关的目录文件以保存网站的数据创建首页信息index.html 2、配置httpd主配置文件 3、查看selinux上下文 4、设置上下文 5、立即生效 6、重启服务—无法访问,selinux发现所添加的端口不属于Apache所需资源 7、查看与httpd服务相关的selinux服务允许的端…

TA(技术美术)宝藏网站

TA(技术美术)宝藏网站 我们不生产TA我们只是TA的搬运工(感谢马甲大佬总结!?)T部分(技术相关)1.Shadertoy2.GLSL SandboX3.candycat的博客4.关于raymarching5.minionsart大神6.冯委大…

‘斗图啦’网站爬虫

目标: 爬取“斗图啦”的表情包前一百页 虽然这是一个小爬虫,但所用到库还真不少,比如,requests,lxml,os,re等 下面先把源代码献上: ‘’’ import requests from lxml import etre…

第一个个人网站

网址:首页-Quicky Sharing 使用文档:使用文档-Quicky Sharing 后续会添加微信扫码登录等必要功能

debian服务器linux服务器web建站搭建linux服务器之Debian安装

debian服务器linux服务器web建站搭建linux服务器之Debian安装 debian服务器linux服务器web建站搭建linux服务器之Debian安装 大家都知道linux的发行版本很多,有centos啊,debian啊,ubuntu等,下面我就用debian服务器为例教大家如何…