font相关知识
-
CSS3新特性(04):@font-face@font-face是CSS3新特性中的一个模块,今天就来介绍下它。它主要是把自定义的Web字体嵌入到你的网页中。说白了就是可以帮助你在网页上使用漂亮的特殊字体,即非Web安全字体.而不用担心,你的网页发布以后,浏览者的电脑万一没安装这个字体就坏事了的情况。一般不是专业从业人员,如设计师,普通网友的字体库是不会装太多字体的。所以@font-face就派上用处了。@font-face怎么用?(1)@font-face的语法:@font-face { font-family: 'Your Web Font Name'; font-weight:normal; src: url('fonts/YourWebFontName.eot'); sr
-
@font-face中#iefix的详解在@font-face处理兼容中出现了一个#iefix这个东东?到底是神马东西呢? 具体如下: @font-face 与 EOT 格式 之所以把它们放到一起是因为首个实现 @font-face 和 EOT 的是同一家公司 - 微软。早在九十年代 CSS 就有了自定义字体的语法,IE4是首个实现此语法的浏览器,没错,就是IE。不过,字体格式只能是微软自己开发的 EOT(Embedded Open Type) 格式。EOT 允许字体的作者保护字体不被非法复制
-
真正了解 CSS3 背景下的 @font face 规则原文链接:http://www.codeceo.com/article/css3-font-face.html很多人只要一提到@font face规则,心中就会不由自主“哦~~”的一声:“这个我知道,可以用来生成自定义字符小图标!”话是没错,问题在于很多人就以为生成字符小图标就是@font face规则的全部,实际上只是功能之一,如果真正了解@font face规则,你会发现,@font face规则可以做的事情其实非常多,尤其我们不考虑IE7,IE8浏览器的情况下。一、 @font face的本质是变量虽然说CSS3新世界才出现真正意义上的变量var(参见此文:“了解CSS/CSS3原生变量var”),但实际上,CSS世界中,就已经出现了本质上就是变量的东西,@font face规则就是其中之一,@font face的本质上就是一个定义字体或字体集的变量,这个变量不仅仅是简单的自定义字体,还包括字体重命名,默认字体样式设置等等。这个“变量”的意识很重要,有助于我们发挥@font face的潜力,可以让我们
-
真正了解 CSS3 背景下的 @font face 规则原文链接很多人只要一提到@font face规则,心中就会不由自主“哦~~”的一声:“这个我知道,可以用来生成自定义字符小图标!”话是没错,问题在于很多人就以为生成字符小图标就是@font face规则的全部,实际上只是功能之一,如果真正了解@font face规则,你会发现,@font face规则可以做的事情其实非常多,尤其我们不考虑IE7,IE8浏览器的情况下。一、 @font face的本质是变量虽然说CSS3新世界才出现真正意义上的变量var(参见此文:“了解CSS/CSS3原生变量var”),但实际上,CSS世界中,就已经出现了本质上就是变量的东西,@font face规则就是其中之一,@font face的本质上就是一个定义字体或字体集的变量,这个变量不仅仅是简单的自定义字体,还包括字体重命名,默认字体样式设置等等。这个“变量”的意识很重要,有助于我们发挥@font face的潜力,可以让我们的CSS代码更加的精简,更方便的维护等。在进入正题之前,我们先要对@font face规则有个大致的面
font相关课程
font相关教程
- 4.1 font 属性 font 属性作用是设置绘制文本的样式。变量说明:属性名类型说明fontString符合 CSS font 语法的字符串,默认字体是 10px sans-serif。
- 3.1 Font 字体 Font 字体中常用属性,见下表。属性描述 name 字体名称 bold 字体是否 jiacheight 字号 colour_index 字体颜色对应代码中访问,如下所示:titlestyle = xlwt.XFStyle() # 初始化样式titlefont = xlwt.Font()titlefont.name = "宋体"titlefont.bold = True # 加粗titlefont.height = 11*20 # 字号titlefont.colour_index = 0x08 # 字体颜色titlestyle.font = titlefont使用时,首先通过 xlwt.Font 进行初始化,完成字体配置后,将对象赋值给 XFStyle。Tips:上述代码中颜色代码不是 RGB 的六位颜色代码,而是 xlwt 内部的一套代码。具体可以参考 xlwt.Styles 中 _colour_map_text 的数据。xlwt.Styles 中 _colour_map_text 的数据如下:aqua 0x31 black 0x08 blue 0x0Cblue_gray 0x36 bright_green 0x0B brown 0x3Ccoral 0x1D cyan_ega 0x0F dark_blue 0x12dark_blue_ega 0x12 dark_green 0x3A dark_green_ega 0x11dark_purple 0x1C dark_red 0x10 dark_red_ega 0x10dark_teal 0x38 dark_yellow 0x13 gold 0x33gray_ega 0x17 gray25 0x16 gray40 0x37gray50 0x17 gray80 0x3F green 0x11ice_blue 0x1F indigo 0x3E ivory 0x1Alavender 0x2E light_blue 0x30 light_green 0x2Alight_orange 0x34 light_turquoise 0x29 light_yellow 0x2Blime 0x32 magenta_ega 0x0E ocean_blue 0x1Eolive_ega 0x13 olive_green 0x3B orange 0x35pale_blue 0x2C periwinkle 0x18 pink 0x0Eplum 0x3D purple_ega 0x14 red 0x0Arose 0x2D sea_green 0x39 silver_ega 0x16sky_blue 0x28 tan 0x2F teal 0x15teal_ega 0x15 turquoise 0x0F violet 0x14white 0x09 yellow 0x0D
- 2.1 前景色 在 Markdown 文件中,建议使用 <font> 标签的 color 属性修改文字颜色。实例 1:#### 使用 `<font>` 的标签的修改文字前景色<font color="red">红色</font><font color="green">绿色</font><font color="blue">蓝色</font><font color="rgb(200, 100, 100)">使用 rgb 颜色值</font><font color="#FF00BB">使用十六进制颜色值</font>渲染结果如下:除了修改 color 属性外,还可以使用 style 样式属性修改文字颜色。实例 2:#### 使用 `style` 的标签的修改文字前景色<font style="color: red">红色</font><font style="color: green">绿色</font><font style="color: blue">蓝色</font><font style="color: rgb(200,100,100)">使用 rgb 颜色值</font><font style="color: #FF00BB">使用十六进制颜色值</font>其渲染结果如下:
- 3. 使用场景及应用实例 全局字体字号的修改通常用于对格式有严格要求的场景,比如毕业论文、或者招投标书之类的官方文档。局部字体字号的修改更常见于个人博客类文章、用多元化的字体形式丰富文章的 “性格”。实例 5:制作一段标签云效果。#### 标签云实例<font face="KAI" size=5>大江东去</font><font face="KAI" size=3>海之一粟</font><font face="KAI">江海寄余生</font><font face="song" size=5>天涯何处无芳草</font> <font face="KAI" size=5>一蓑烟雨任平生</font><font face="HEI" size=7>苏东坡</font><font face="HEI" size=4>寂寞沙洲冷</font> <font size=6>但愿人长久</font><font size=5>十年生死两茫茫</font><font size=2>诗酒趁年华</font>其渲染结果如下:
- 2.2 改变字号 Markdown 文档中的字号定义有三种主要方式,第一种是使用 <font> 标签;第二种通过 <big> 或者 <small> 标签;第三种是通过修改 style 样式实现。2.2.1 使用 <font> 标签 size 属性修改局部字号实例 2:#### 使用 `<font>` 标签的修改字号这里是默认正文字号<font size="1">1号字 最小</font><font size="2">2号字</font><font size="3">3号字 默认</font><font size="4">4号字</font><font size="5">5号字</font><font size="6">6号字</font><font size="7">7号字 最大</font>其渲染结果如下:2.2.2 使用 <big> 和 <small> 标签修改局部字号实例 3:#### 使用 `<big>` 或 `<small>` 标签的修改字号这段文字里既包含<big>放大了的文字</big>,也包含<small>缩小了的文字</small>其渲染结果如下:
- 2.6 Maps 类型 Maps 类型是 key / value 的键值对的形式,可以通过键 来查找对应的值,就像字典一样,如果你更熟悉 javascript ,它就像 js 中的 Object,在 Sass 中 Maps 类型必须使用括号括起来,同时每个键值对之间通过逗号分隔,键必须是唯一的,值可以重复。同时一些函数用于获取 Maps 中的键值、合并等等,但这并不是本节的重点!在这里我们举一个直观的例子来感受下 Maps 类型:$textStyleMap: ( 'font-family': 'Georgia', 'font-weight': 600, 'font-size': 18px, 'text-align': center);p { font-family: map-get($textStyleMap, 'font-family'); font-weight: map-get($textStyleMap, 'font-weight'); font-size: map-get($textStyleMap, 'font-size'); text-align: map-get($textStyleMap, 'text-align');}上面的代码中定义了一个 Maps 类型 $textStyleMap,在为 p 标签编写样式的时候我们通过 map-get 函数去取值,这就是 Maps 类型,这段代码转换成 CSS 为:p { font-family: "Georgia"; font-weight: 600; font-size: 18px; text-align: center;}
font相关搜索
-
face
fade
fadein
fadeout
fadeto
fail
family
fastcgi
fastjson
fault
fclose
fdisk
feed
fetch
ff浏览器
fgets
fields
fieldset
fighting
figure