精华内容
下载资源
问答
  • 谷歌网页字体服务允许您使用不同的字体在您的网站从谷歌的可能性。使用字体,没有任何限制,接下来介绍使用方法,感兴趣的你可不要错过了哈,希望本文可以帮助到你
  • 为你收集了25个知名网站(包括Google、Yahoo、Twitter、Digg等)标志中使用字体,希望能给你的设计带去更多的灵感,点击每个字体的名称,即可进入字体的下载页面,不过有些字体是需要收费的。
  • 你知道世界上最著名的网站的Logo设计都使用了什么字体吗?这些字体有下载的吗?今天分享:40个知名网站Logo使用字体下载,绝密收藏,不容错过
  • 开放字体:精选的使用免费或开源字体的精美网站
  • 改变网站字体

    万次阅读 2020-12-12 17:06:32
    首先我们找一个下载字体网站 https://font.chinaz.com/ 下载以后放在项目文件夹目录 然后在需要改变的地方 @font-face{ font-family: 'ico'; src: url(./video/ico.ttf); } //这里是你要改变的div字体 .demo{ ...

    首先我们找一个下载字体的网站
    https://font.chinaz.com/
    下载以后放在项目文件夹目录
    然后在需要改变的地方

    @font-face{
      font-family: 'ico';
      src: url(./video/ico.ttf);
    }
    //这里是你要改变的div字体
    .demo{
      font-family: 'ico';
    }
    
    展开全文
  • 网站特殊字体处理

    千次阅读 2013-01-08 22:25:39
    网站开发过程中,经常会遇到一些特殊字体,这些特殊字体在客户端未安装该字体时会无法正常显示,一般情况下,如果一个网站使用的特殊字体较少,而且都是静态的话,可以直接切为图片,当网站中用到的特殊字体较多,而且许多...

    在网站开发过程中,经常会遇到一些特殊字体,这些特殊字体在客户端未安装该字体时会无法正常显示,一般情况下,如果一个网站使用的特殊字体较少,而且都是静态的话,可以直接切为图片,当网站中用到的特殊字体较多,而且许多是动态的话,切图片的方法显然不可行,下面介绍几种处理网站特殊字体的方法.


    一. 使用Google Web Fonts

    Google字体库里也有很多时尚和个性化的字体供你选择,并且由于是开源字库,所以不管是商业或者个人,Google Font API都适用。Google Font API并不依赖于JavaScript,因此即使用户禁用了JavaScript,Google字体依然可以显示。Google字体在CSS3中的表现同样出色,任何额外的样式都可以被添加,比如CSS 3中的text-shadow属性.使用这种方法的前提是Google字体库里有你需要的字体,具体使用方法如下:


    1. 进入Google Web Fonts查找你需要的字体,然后点击"加入收藏(Add to Collection)"



    2. 打开收藏集,点击"使用(Use)"


    3. 进入使用页面后,会有详细的使用说明,其中嵌入页面的方法有三种,我们一般选第一种最常规的用法,就是直接在页面头部引入

    <link href='http://fonts.googleapis.com/css?family=Berkshire+Swash' rel='stylesheet' type='text/css'>

    4. 然后就可以直接在样式文件中直接字义字体了

    h1 { font-family: 'Berkshire Swash', cursive;}

    实现效果如下:



    二. 使用CSS3 @font-face

    @font-face是CSS3中的一个模块, 能够加载服务器端的字体文件,可以在网页中嵌入客户端没有安装的字体。具体使用方法可以参考CSS3 @font-face 使用方法


    三. 使用Cufon渲染

    Cufon 是一个用来替代 sIFR 框架,实现在网页中对文字字体进行渲染功能的纯 JavaScript 开源类库(cufon-yui.js)。

    Cufon 技术的实现策略其实就是以一定标准,在网页相关位置上“画”出了所需要显示的文字字符,并同时替换原先区域所需要显示的文字。借助于浏览器所推出的专有页面绘画方案,如 VML、Canvas 和 SVG 等,来进行页面的绘画。




    使用这种方法首先要下载特殊字体文件,以便用来生成JavaScript字体件,下面详细介绍下使用方法:

    1. 引入Cufon核心类库cufon-yui.js,可以在Cufon官网下载

    2. 在Cufon官网上传特殊字体文件并生成相应的JavaScript字体件

    <script src="cufon-yui.js" type="text/javascript"></script>
    <script src="YourFont.font.js" type="text/javascript"></script>

    3. 在JS中使用Cufon.replace(selector[, options])方法替换特殊字体,selector类似CSS选择器,详细用法参见Cufon API

    Cufon.replace('h1'); 
    Cufon.replace('#cufon', {fontFamily:'YourFont', fontSize:'36px', color:'#ff0000'});
    

    更详细的使用步骤可以参见https://github.com/sorccu/cufon/wiki/Usage

    浏览器支持情况


    Cufon IE(≥ 5) Firefox(≥ 1.5)Opera(≥ 9.5)Safari(≥ 3)Google Chrome(≥ 1.0)
    @font-face IE(≥ 4,仅支持 OpenType)Firefox(≥ 3.5) Opera(≥ 10.0) Safari(≥ 3.1)

    展开全文
  • 我在网上查了,总结为: 网站的css里面写的字体调用都是来自客户端用户自己电脑里面的字体,所以不会构成侵权,但是如果你的网站上面的logo,还有一些海报,专题,等的一些图片上面使用了那些字体,并且以盈利为...

    最近公司的网站涉及到字体侵权;老总很烦。。。。

    我在网上查了,总结为:

    BF4505~1网站的css里面写的字体调用都是来自客户端用户自己电脑里面的字体,所以不会构成侵权,但是如果你的网站上面的logo,还有一些海报,专题,等的一些图片上面使用了那些字体,并且以盈利为目的的商业使用就会构成侵权。

    选了一些网友解答:

    如果用作代码中设置的文本字体,不构成侵权。例如font-family:“微软雅黑”,不构成侵权。
    如果用作设计图片,在网站使用的图片中使用了微软雅黑,且未经授予字体使用权,就算侵权。
    只是一般被小公司使用了他们不计较而已。
    另外微软雅黑的版权不是 微软,是方正

    据我所知,假如你从FZ网上买了字库,用于商标设计等商业用途时,还需要额外支付费用。
    因为依照目前法律法规,合同可以限制你对字库的应用。
    所以,比较省心的做法,用楷体、黑体等常规字形(有需作细节调整),或重新设计艺术字。

    所谓“树大招风”,“打击”也是要看对象的,没油水的自然可以“幸免”。
    用楷体、黑体等设计使用较为成熟,各厂商字形区别不大,而且因为应用面广,所以不会招惹麻烦。
    尽管普遍认为FZ的做法不合情不合理不合法,但在字体的“权益”还未确实规范起来之前,“大树”们还是尽量谨慎些为好。

    5楼的朋友说的“树大招风”很在理,如果客户的宣传品全国都可见到,那在用字体(图片素材也是这样)时还是小心些的好,而如果是一些小公司,风险还小。我就遇到过这种情况,我们公司赔了些钱(好在没扣我的工资)。字体、素材的版权方也是看能捞到赔偿才会追究的。

    根本与正版无关
    就拿楼上“飘柔”一例,字体都是正版的
    无非方正没收过“商业用途”的那笔
    所以现在的字体许可里已加入相应条款
    只希望尽早制定相关法规,规范强盗逻辑


    在网站中使用微软雅黑会不会构成侵权?
    
     
    在网站中使用微软雅黑会不会构成侵权?
    
    如果在网站的字体中使用 “微软雅黑”,在 CSS font-family 中(也就是说只有在系统默认有的时候才显示),不用在图片和外观设计上,会不会侵权?
    对于这个问题之前还真没想到过,很感兴趣,于是就做了一番查找。

    在微软雅黑字体文件的属性里,我们可以 EULA (最终用户许可协议)描述为:
    You may use this font as permitted by the EULA for the product in which this font is included to display and print content. You may only (i) embed this font in content as permitted by the embedding restrictions included in this font; and (ii) temporarily download this font to a printer or other output device to help print content.

    中文大意:
    你可以依照包含这款字体的产品的 EULA 来使用此字体用来显示或打印内容。包含以下两种情况:
    1、当你要使用嵌入字体时需要遵循该字体的内嵌许可;
    2、临时性地下载到打印机或其他设备用于打印文档。

    没有提到在网页上使用CSS 定义字体的情况,在 google 上了了一下,微软对于微软雅黑字体授权方面的一个网页,其中提供了一个联系方式可以询问对字体许可方面的疑问,于是就发了邮件询问。

    二天后收到答复;

    根据这篇回复,我们可以将字体用在个人或商业的工作站上。EULA 中主要的限制是不允许将字体安装在服务器上,不能使用 CSS 的 @font-face 的方式调用,及字体文件不能被修改或者作为软件一部分进行分发。这些都需要单独获得相应授权。

    网上可以找到一篇 Adobe 的文章 Understanding Web Font Licensing ,其中讲了 Adobe 对字体也有相似的使用规定。

    所以,我们在 CSS 中使用 body{ font-family: ‘microsoft yahei’ } 是在合法的使用范围内,不容许的是在CSS 中使用 @font-face 的方式引入字体文件。

    这也提醒我们,通过 CSS3 的 @font-face 在网页上引入 Web 字体是有风险的,尤其对于商业性网站。

    对于个人站点,如果想使用有合法授权的 Web字体,可以访问这些:
    http://webfonts.fonts.com/
    https://typekit.com/
    http://www.google.com/webfonts

    有趣的是,一周后又收到一封回复邮件,如下:

    Dear Haiyang,

    Thanks a lot for your enquiry. Sorry for keep you waiting.
    After checking, you actually do not need a license to include the font name in your CSS, because it is only calling on the system font already existing in the end user’s computer, which does not need any extra license.

    However, if you wish to know more about the licensing of this font, you need to contact Microsoft because they own the copyright of Yahei.

    Should you have any queries, please do not hesitate to contact us.

    Best Regards,

    Janet Lau
    Sales Executive

    中心思想:经过核查,你不必担心在CSS 中使用字体名称,因为它仅仅是调用了终端用户自身系统中已经存在的字体,这不需要任何额外的授权许可。

    <摘自:http://www.cnprint.org/bbs/thread/165/162995/ & http://rpsh.net/archives/font-licensing-for-the-web/>

    转载于:https://www.cnblogs.com/ChandlerVer5/p/4047493.html

    展开全文
  • 网站引用字体兼容IE

    千次阅读 2019-03-13 10:15:51
    服务器使用@font-face可以使浏览器端自动下载本网站使用字体(有时用户关闭自动下载功能,需要打开) 高大上的谷歌一般都没问题,各种隔佞人的IE有时候会不兼容 首先IE9一下不支持@font-face,没办法,就使用微软...

    服务器使用@font-face可以使浏览器端自动下载本网站使用的字体(有时用户关闭自动下载功能,需要打开)
    高大上的谷歌一般都没问题,各种隔佞人的IE有时候会不兼容

    • 首先IE9一下不支持@font-face,没办法,就使用微软自带的吧
    • IE9以上只支持eot字体,ttf是不可以的(谷歌可以使用eot)所以要把下载的ttf转码为eot后再引用

    因为网站必须使用一个IE插件,所以浏览器只能用IE
    我遇到的问题:ttf无法转换为eot,用的是同事给的文件,结果在各个网站都没法转,后来在官网下载了一个,好了。。。

    代码

    @font-face {
        font-family: 'HYQihei 50S';
        src: url(HYQiHei-50S.eot) format('embedded-opentype');
    }
    

    留个记录,以备查看

    展开全文
  • mac 访问网站字体变粗

    千次阅读 2018-05-08 09:10:19
    缘由:由于没有使用微软雅黑中的regular 事件:昨天一个同事的MAC Pro访问网站的时候,莫名其妙的字体会加粗,看起来你特别别扭。在网上搜了很多解决方案,有的人说需要安装mac office。。。,加上自己的摸索,最终...
  • CSS使用字体图标

    千次阅读 2020-02-09 18:46:42
    图片的缺点: ...2,图片不能很好的缩放,过渡缩放会导致失真 … 字体图标就是为了解决这些问题而来 字体图标的优点: 1,可以做和图片一样的事情,如改变...字体图标使用流程 1.UI人员设计字体图标效果图.svg格式--...
  • 转载自 使用@font-face 转载自 字体转换网站使用方法 转载自 字体转换网站官网
  • 当文章在页面上显示的时候,默认先会使用文章中定义的字体,如果文章中字体不存在的话才显示大框架下定义的全局字体。因此网站的内容就会显得很乱,有的文章字体很大,有的文章字体很小,不美观。能统一的话就好了!...
  • 熟知,从HTML4时代把图标做在一张图上使用css background来提高页面加载速度到“扁平化UI”趋势的到来,再到“手机UI”简洁化设计的大浪潮的席卷下,使用字体库变得更加广泛,各种字体库层出不穷,并且网站拥有一套...
  • 是Android 4.0 "Ice Cream Sandwich"操作系统引入的一个无衬...整个字体家族于2012年1月12日在新推出的Android设计网站Android Design上正式提出以供免费下载。 该字体是和思源字体(中日韩版本)搭配使用,几无违和感
  • 但是当你为建设英文网站选择一种字体时,这时候你可能会考虑到两方面:第一要确保选择那些客户的计算机和浏览器上都具有的字体,第二访问者会习惯你使用字体。新龙结合国际知名用户可用性研究机构“尼尔森集团”的...
  • 移动端web页面使用字体

    千次阅读 2016-09-21 15:42:13
    移动端web页面使用字体 一直不知道手机端用的什么字体,只是觉得类似雅黑,直到有一次设计师问到设计移动web页面该用什么字体才严肃地想起这个问题。 前人已栽树,后人我就直接转来吧……   回想2年前刚开始...
  • vue使用自定义字体

    千次阅读 2019-12-13 16:22:16
    字体文件放入项目目录下,字体用的是阿里巴巴普惠体 新建index.css 使用@fontface规则 font-family指定字体名称 src指定字体文件路径 ...新建一个vue文件,使用我们自定义的字体看看。 可以使用。 ...
  • 字体动效网站

    千次阅读 2018-06-16 11:31:35
    http://tobiasahlin.com/moving-letters/#转载
  • 浏览器不识别的字体可以制作成图片格式嵌入网页中 ...教你如何使用ttf字体文件? 字体大宝库:设计师必备的漂亮免费英文字体 Web前端开发之CSS工具列表 蜗爱CSS 从事前端开发必须要了解的CSS原理
  • 相信大多数人在开发中一开始被教导应该使用偶数字体多于奇数字体,但是并不懂其中的缘由。本人总结了一些大牛的看法和实践。为何偶数居多?1.比例关系相对来说偶数字号比较容易和页面中其他部分的字号构成一个比例...
  • 网站字体获取方法 1.进入需要获取字体的站点页面,点击F12进入网页开发者模式 2.进入F12后出现选着Network面板——》》》字体栏——》》》按F5刷新页面即出现网站字体引用文件——》》》双击字体文件即可进行下载 3...
  • Typefont Matcher 一个简单的网站使用库在图像中查找字体。 谢谢 用于Typefont库。 谁开发此网站是一个叉。 执照 该存储库根据许可。
  • 网站内简繁字体两个连接轻松转换网站内简繁字体两个连接轻松转换网站内简繁字体两个连接轻松转换
  • 字体图标的使用

    千次阅读 2018-11-11 11:17:40
    在开发中我们经常会使用各种图标,为了节省资源,你可能不会自己设计自己需要的图标,这时候你可已通过http://www.iconfont.cn/这个网站来获取自己需要的图标,在开发过程中,我们会使用在线图标链接,易于增加所需...
  • 字体样式 一下比较漂亮的字体样式,你可以再网页中应用到。
  • 一般情况下,在微信小程序项目的文件目录里面images里面,可以直接引用本地的图标文件,但是通过使用字体图标或者background设置背景图的时候,就不用引用本地图标文件,只能使用根据URL链接地址的字体或者图片,再...
  • css使用ttf字体

    千次阅读 2015-03-11 15:52:48
    字体使用是网页设计中不可或缺的一部分。经常地,我们希望在网页中使用某一特定字体,但是该字体并非主流操作系统的内置字体,这样用户在浏览页面的时候就有可能看不到真实的设计。美工设计师最常做的办法是把想要的...
  • 安装带圈字体后可以轻松输入带圈数字。 下载后将字体文件安装到Windows字体库中即可在office或其它使用字体输入功能的软件中找到CombiNumbers字体,需输入该格式带圈数字时选用该字体格式并按附件中的说明输入即可。
  • 网站发布到IIS后,发现网站使用的Bootstrap框架所引用的woff字体无法正常显示。于是跟踪http请求,发现woff字体请求出现GET .woff 404 (Not Found)的问题,但是项目中woff字体的文件并未丢失。后经排查,原来是...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 140,617
精华内容 56,246
关键字:

网站使用字体