特殊字体引用

 1 <!DOCTYPE HTML>
 2 <meta charset="UTF-8">
 3 <head>
 4 <script src="jquery-1.8.2.min.js"></script>
 5 <style>
 6 #gmap,#controls {
 7 width:300px;
 8 height:300px;
 9 }
10 @font-face {
11 font-family: Lovelo-Black;/×定义font的名字×/
12 src: url(‘font/Lovelo Black.otf‘);/*把下载的字体文件引入进来×/
13 }
14 @font-face {
15 font-family: Lovelo;
16 src: url(‘font/Lovelo Line Bold.otf‘);
17 }
18 @font-face {
19 font-family: HYPED;
20 src: url(‘font/HYPED_Font.otf‘);
21 }
22 div.a {
23 font-family: Lovelo-Black, sans-serif;
24 font-size:24px;
25 }
26 div.b {
27 font-family: Lovelo, sans-serif;
28 font-size:24px;
29 }
30 div.c {
31 font-family: HYPED, sans-serif;
32 font-size:24px;
33 color:yellow;
34 }
35 body {
36 background-color:rgb(216, 216, 216);
37 }
38 </style>
39 <script>
40 </script>
41 </head>
42 <body class="sapUiBody">
43 <div class="a">Hello World 123456</div>
44 <div class="b">Hello World 123456</div>
45 <div class="c">Hello World 123456</div>
46 </body> 
时间: 2024-10-25 18:27:24

特殊字体引用的相关文章

DIV+CSS外部字体引用

注意: 由于各个浏览器兼容问题大家还是少用这个,下面是具体的使用方法和效果截图: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <he

外部字体引用

@font-face {   font-family: SketchRockwell; /*这里是说明调用来的字体名字*/   src: url(‘SketchRockwell.ttf’); /*这里是字体文件路径*/ } .my_CSS3_class {   font-family: SketchRockwell; /*这里设置某参数的字体值,在这里是“my_CSS3_class”调用了你刚才声明的字体值"SketchRockwell"*/   font-size: 3.2em; /

CSS3 关于@font-face引用中文字体解决办法

有两种方法,一种简单的,一种比较复杂,都可以实现(注:这里的方法只适合使用少量的中文字体,如果使用的字量过大,请使用其他方法解决) 第一种:简单的 1.下载需要的中文字体的.ttf格式,这个都不难找到,百度上一搜一大片,都可以下载到. 2.下载fontforge软件,这个软件可以编辑字体,字体文件内存一般都比较大,直接使用会导致网速加载速度变慢,使用这个字体编辑软件的目的就是将需要的字体提取出来,可以解决字体内存变小,从而不影响加载速度. 3.打开AI,写一个自己需要的文字,如图,我这里使用的方

CSS在线字体库,外部字体的引用方法@font-face

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

在WPF(core版本)中引用外部字体不可用问题说明

这几天使用WPF写软件,想引用外部字体,于是下载了字体文件: 然后在App.xaml中添加了如下代码: <FontFamily x:Key="Digital-7 Mono"> pack://application:,,,/IVFTempMonitor;component/Fonts/Digital7Mono-B1g5.ttf#Digital-7 Mono </FontFamily> 字体存放目录: 在MainWindow.xaml中使用上面定义的字体,代码如下:

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

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

【原创】1.1关于阿里图标引用问题简介

一.阿里字体离线应用步骤: 1.访问阿里字体库,将需要的图标添加至自己创建指定的项目: 2.下载至本地: 3.解压缩,新建css.font文件夹,将相应的文件夹复制粘贴到对应路径,如图所示: 放入指定文件夹: 4.link引入css外部样式表 二.在线阿里字体引用步骤 1.使用账号登录阿里字体,选择需要的图标放入购物车样式的图标中,选择"添加至项目"选项 2.按照如下图所示步骤添加至项目 3."查看在线链接"→生成在线代码 4.复制,粘贴至css样式表 5.编辑ht

CSS3字体模块

介绍 字体提供了包含字符的视觉表现的资源.在最简单的等级中,其包含由字符编码到表示这些字符的形状(被称为字形)的映射信息.根据一组标准字体属性被分入一个字体家族的字体共享一个通用设计风格.在一个家族中,表现指定字符的形状,可以通过笔画粗细.倾斜或相对宽度而彼此改变.一个给定的字体外观是为这些属性的一个唯一组合而设计的.对于文本的给定范围,在渲染这些文本时使用CSS字体属性选择所使用的字体家族及家族中的字体外观.作为一个简单的例子,为了使用Helvetica字体的粗体形式,可以使用: body {

RF1001: 各浏览器对 &#39;@font-face&#39; 规则支持的字体格式不同,IE 支持 EOT 字体,Firefox Safari Opera 支持 TrueType 等字体

http://w3help.org/zh-cn/causes/RF1001 http://blog.csdn.net/agileclipse/article/details/12450949 http://www.zhaozi.cn/html/fonts/  字体网 作者:陆远 标准参考 根据 CSS3 草案中的描述,'@font-face' 规则允许使用链接到需要时自动激活的字体.这使得用户可以使用在线的字体,而不仅仅拘泥于使用用户端系统内的字体.一套对字体的描述定义了字体资源的位置,可以是本