让用户使用我设计的网页字体

原创 2003年12月31日 10:16:00
在客户计算机上显示特殊字体:Weft(由微软提供的网页嵌入字体工具)

Weft:你自创字体后,weft会生成加载字体文件(Eot),然后把Eot上传到服务器。Weft支持Ie4.0及以上版本。

可以在 这里 下载Weft,再为你的字体创建了加载字体文件后,然后修改html的内容。

<STYLE>
@font-face
{
///字体名hFont
font-family:hFont
///指向eot的位置
src:url(fontname.eot);
}
</STYLE>

这样,当用一台没有安装hFont字体的Pc访问网页时,其中的字体也能原样显示了。 btw:Bitstream公司也提供了一个解决方案,具体是怎么回事就不清楚了,因为我一向都是Ms的忠实拥趸,既然Ms有提供解决的办法,我也懒得花心思去研究了,不过如果哪位仁兄有知道Bitstream的解决方案的话,望透露一下哦。

http://www.microsoft.com/typography/web/embedding/weft3

src:url(fontname.eot);

就指向字体在服务器上的位置

@font-face版本:CSS2  兼容性:IE4+

语法:
@font-face { font-family : name ; src : url( url ) ; sRules }
 
说明:
name :  字体名称
url :  使用绝对或相对地址指定OpenType字体
sRules :  样式表定义
 
设置嵌入HTML文档的字体。
嵌入HTML文档的字体是指将OpenType字体(压缩的TrueType字体)文件映射到客户端系统,用来提供HTML文档使用该字体,或取代客户端系统已有的同名字体。
 
示例:
@font-face { font-family: dreamy; font-weight: bold; src: url(http://www.example.com/font.eot); }

和ASP.NET无关,CSS的技巧而已

通过css的@font-face属性,在网页上显示用户电脑没有的字体。

在网页中,我们可以用CSS的font-family属性来定义字体,然而定义的字体在用户的电脑上能否正确呈现则要看用户的电脑是否安装了该字体。我们经常能看到国外的一些个人网站使用了非常漂亮的字体,而这些...
  • rsj1994
  • rsj1994
  • 2016年11月04日 18:45
  • 1457

细谈标准网页的宽度、字体、字号等的设计原则

标准字体字号:   中文网页一般文字正文都采用宋体12号(12px)字体,因为这个字体是系统对于浏览器特别优化过的字体。虽然12px-20px的宋体字都还能看,但是宋体12px是最漂亮的,也是最普遍...
  • meng2602956882
  • meng2602956882
  • 2013年10月18日 15:48
  • 4633

html5 css3关于网页字体设置

html5 css3设置全站的字体一直是一个简单而又不简单的事,因为深入下去,这里面牵扯到太多的东西。   本文主要是想说说对于一个普通的网站,如何根据自己的需求选择字体。   1、必备知识  ...
  • u013021944
  • u013021944
  • 2014年03月13日 10:44
  • 3576

网页设计中常用的20个Web安全字体

1,  Arial 微软公司的网页核心字体之一,最常用的sans serif字体,当字号很小时不容易阅读。但是,大写的“I”和小写的“l”是无法区别的,你可以考虑用Tahoma字体来替代。 (苹...
  • bboyjoe
  • bboyjoe
  • 2015年11月26日 16:31
  • 888

如何在网页中用上自己下载的字体

在开发过程中市场会遇到需要特殊的字体,所谓的特俗字体就是常用字体库中不包含的字体。这时候,我们可以从网络上下载到我们需要的字体,然后引用到我们需要的网页中去。 我们可以用CSS来引用字体路径。 @...
  • kry1201
  • kry1201
  • 2015年07月24日 10:28
  • 3210

如果设计中使用了非标准的字体,你该如何去实现?

所谓的标准字体是多数机器上都会有的,或者即使没有也可以由默认字体替代的字体。 方法:1、用图片代替   2、web fonts在线字库,如Google Webfonts,Typekit 等等;...
  • xujie_0311
  • xujie_0311
  • 2015年01月03日 21:00
  • 2055

在网页中使用特殊字体的几种方式

方式1: Google Font API 因为IE目前只支持 eot 字体(Embed OpenType), 而TTF字体被Firefox / Opera / Chrome / Safari支持。 G...
  • wangjia184
  • wangjia184
  • 2010年11月03日 17:48
  • 8516

[前端]网页中使用自定义字体

字体格式转换、网页中使用自定义字体的方法
  • napoay
  • napoay
  • 2015年09月30日 23:40
  • 4805

手机客户端设计师与程序员的那点事---字号小谈(原创技巧)

http://www.zcool.com.cn/article/ZMzg1MzY=.html       写在前面 手机客户端设计中,设计师和程序员有很多故事:可能一个设计师配备几个...
  • wangxiaohui6687
  • wangxiaohui6687
  • 2012年12月18日 16:59
  • 3314

网页使用中文字体的两种解决方案

解决中文字体在网页中的使用,有两种办法。 背景:英文的字体很好使用,因为只有26个大小写字母,以及一些符号,本身的字体文件就很小,不会对页面的加载造成多大的影响;但是中文的字体文件相当大,仅...
  • baiding1123
  • baiding1123
  • 2015年10月18日 23:21
  • 2659
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:让用户使用我设计的网页字体
举报原因:
原因补充:

(最多只允许输入30个字)