css字体与字体图标

字体

font-familu:"Consolas,Helvetica,"Helvetica Neue",Arial,sans-serif;
font-size:3em;
@font-face{
    font-family:"Abc",sans-serif;//名字
    src:url("....")
}
font-family:Abc
unicode码

css重要性

scss
响应式
变形动画
apple
利用动画的轮播
宣传页面
移动端布局

String.fromCharCode()转换为阿斯克码值

八位0000 0001 Byke KB 1MB 1GB   1024
Math.pow(2,8)  2的8次方  256
&#x61$#x41
ascII 256 0000 0000  0000 0000
gb2312  big5
unicode规范
ff ff ff ff
utf-8  一种实现规则

字体图标

@font-face{
    font-family: 'F';
    src: url('font_q6prxf4789uul3di/iconfont.woff');
}
.icon{
    font-family: F,sans-serif;
    color: red;
}
.icon::after{
    content: '\e62b';
}

原文地址:https://www.cnblogs.com/liuxuhui/p/12157360.html

时间: 2024-07-28 13:15:24

css字体与字体图标的相关文章

CSS属性之字体(Font)

CSS属性之字体(Font) font:[ [ <font-style> || <font-variant> || <font-weight> ]? <font-size> [ / <line-height> ]? <font-family> ]  复合属性,各属性见下文. 必须同时包含font-size和font-family,且这两个值顺序不能变,其他关键字的值放到这两个值的前面,顺序可以随意打乱. 可以在字号值(font-siz

我给女朋友讲编程CSS系列(3) CSS如何设置字体的类型、大小、颜色,如何使用火狐浏览器的Firebug插件查看网页的字体

一.CSS如何设置字体的类型.大小.颜色 设计网页时,一般设置body的字体,让其他标签继承body的字体,这样设置特别方便,但是标题标签h1到h6和表单标签(input类型)是没有继承body的字体属性的,它们的字体需要单独设置. 1,  新建一个网页a.html,把下面的代码复制进去. <html> <head> <style type="text/css"> body { font-family : 微软雅黑,宋体; font-size : 1

CSS 文本、字体、链接

CSS 文本属性可定义文本的外观. 通过文本属性,您可以改变文本的颜色.字符间距,对齐文本,装饰文本,对文本进行缩进,等等. 缩进文本 把 Web 页面上的段落的第一行缩进,这是一种最常用的文本格式化效果. CSS 提供了 text-indent 属性,该属性可以方便地实现文本缩进. 通过使用 text-indent 属性,所有元素的第一行都可以缩进一个给定的长度,甚至该长度可以是负值. 这个属性最常见的用途是将段落的首行缩进,下面的规则会使所有段落的首行缩进 5 em: p {text-ind

CSS样式(字体)

CSS 字体 CSS 文本 CSS 链接 CSS 字体属性定义文本的字体系列.大小.加粗.风格(如斜体)和变形(如小型大写字母). CSS 字体系列 在 CSS 中,有两种不同类型的字体系列名称: 通用字体系列 - 拥有相似外观的字体系统组合(比如 "Serif" 或 "Monospace") 特定字体系列 - 具体的字体系列(比如 "Times" 或 "Courier") 除了各种特定的字体系列外,CSS 定义了 5 种通用

CSS 天坑 I - 字体单位

首先,本文所讨论的“坑”是在做回应式网页设计( Responsive Web Design 以下简称 RWD)时显现的,如果你还只是在做传统的Web设计这算不上是一个坑,因为传统的Web页面是死的,不会自动调节不能适应各类设备屏幕尺寸自然不会产生任何尺寸变化的问题.相反地,要为不同设备上的用户提供最好的阅读或使用体验我们不可避免的就是对元素或字体的尺寸的测量与控制.由其是字体的尺寸,不知道你是否有以下的经历 同样的一个网页,同一份样式表,但: 字体在mac 上很漂亮,但在windows很难看 ?

css加载字体跨域问题

刚才碰到一个css加载字体跨域问题,记录一下.站点的动态请求与静态文件请求是不同的域名的.站点的域名为 www.domain.com,而静态文件的域名为 st.domain.com.问题:页面中加载css文件:<link rel="stylesheet" href="http://st.domain.com/css/uniform.css" />此css中调用了外部字体如下:@font-face { font-family: 'FontAwesome';

CSS中的字体样式和文本样式

CSS中的字体样式: 在手机端设置大小的时候,一般不使用px CSS字体颜色三种表达方式: 1.具体颜色名称         例:color:red; 2.数字 0~255,百分比:0%~100%        例:color:rgb(0%,100%,0%) 3.十六进制:#开头,六位,0~F         例:color:#00880a font-weight文字粗细: font-weight:normal |bold | bolder |lighter | 100~900 400相当于no

CSS文本与字体的属性

css文本与字体的属性 文本属性 text-decoration(文字装饰线)的属性 text-tabsform(设置文字大小写转换):用的比较少 text-indent 用于对第一行内容的缩进 text-align用于设置元素内容在元素中的水平对齐方式(默认左对齐) 字体属性 font-size设置字体大小 (p元素选择器会重叠掉box1,而span却会继承,因为父类的字体大小即为1em) font-family设置文字的字体 可以设置多个字体,从左到右按顺序直到找到可用的字体.英文字体只适用

css实例--文字/字体

使用自定义字体: 在CSS2中font-family属性只能使用两个字体: 通用字体:Serif字体,Sans-serif字体,Monospace字体,Cursive字体,Fantasy字体; 特定字体:如Times,Courier等,要求计算机已经安装该字体: 使用@font-face: @font-face{ font-family:example; src:url('example.ttf') , url('example.eot');/*IE9+*/ } div{ font-family

直接在 CSS 中引用 FONTAWESOME 图标(附码表)

直接在 CSS 中引用 FONTAWESOME 图标(附码表) 因此我们如果不想用 Fontawesome 提供的类,只想在 css 里面引用图标的话,可以这样子,请自行脑补: .icon:before { content: '\f006'; font-family: FontAwesome; } 同时附上图标类对应的字符编码表: NAME CODE NAME CODE .fa-glass \f000 .fa-github-alt \f113 .fa-music \f001 .fa-folder