>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 25785 个阅读者 刷新本主题
 * 贴子主题:  CSS Web安全字体 回复文章 点赞(0)  收藏  
作者:sunshine    发表时间:2019-08-12 21:29:31     消息  查看  搜索  好友  邮件  复制  引用

  

CSS   Web安全字体组合

常用的字体组合

     font-family属性是多种字体的名称,作为一个"应变"制度,以确保浏览器/操作系统之间的最大兼容性。如果浏览器不支持的第一个字体,它尝试下一个的字体。

    你想要的字体类型如果浏览器找不到,它会从通用的字体类型中找到与你相似的:                    

范例

         p{font-family:"Times New Roman", Times, serif}

     下面是一些常用的字体组合,通用的字体系列。                    

Serif 字体


字体 文本示例
Georgia, serif

This is a heading

This is a paragraph
"Palatino Linotype", "Book Antiqua", Palatino, serif

This is a heading

This is a paragraph
"Times New Roman", Times, serif

This is a heading

This is a paragraph
        

sans - serif字体


字体 文本示例
Arial, Helvetica, sans-serif

This is a heading

This is a paragraph
Arial Black, Gadget, sans-serif

This is a heading

This is a paragraph
"Comic Sans MS", cursive, sans-serif

This is a heading

This is a paragraph
Impact, Charcoal, sans-serif

This is a heading

This is a paragraph
"Lucida Sans Unicode", "Lucida Grande", sans-serif

This is a heading

This is a paragraph
Tahoma, Geneva, sans-serif

This is a heading

This is a paragraph
"Trebuchet MS", Helvetica, sans-serif

This is a heading

This is a paragraph
Verdana, Geneva, sans-serif

This is a heading

This is a paragraph

Monospace 字体


字体 文本示例
"Courier New", Courier, monospace

This is a heading

This is a paragraph
"Lucida Console", Monaco, monospace

This is a heading

This is a paragraph






程序猿的技术大观园:www.javathinker.net



[这个贴子最后由 flybird 在 2020-02-26 11:22:17 重新编辑]
  Java面向对象编程-->类的生命周期
  JavaWeb开发-->JSP技术详解(Ⅱ)
  JSP与Hibernate开发-->映射组成关系
  Java网络编程-->Java反射机制
  精通Spring-->创建综合购物网站应用
  Vue3开发-->创建综合购物网站应用
  最新的Vue面试题大全含源码级回答,吊打面试官系列
  好消息:《精通Vue.js:Web前端开发技术详解》出版了!
  vue3 composition API的用法
  vue 项目中使用loadsh 的 防抖(debounce)和节流(throttle...
  Vue之引用第三方JS插件,CKPlayer使用
  史上最全的web前端面试题汇总及答案
  jQuery 事件方法汇总
  jQuery与AJAX的整合简介
  JavaScript的Screen 对象
  JavaScript Error(错误) 对象
  CSS3字体
  CSS3 文本效果
  CSS Border(边框)
  HTML 头部的元素的用法
  jQuery Mobile 安装
  更多...
 IPIP: 已设置保密
楼主      
1页 0条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


中文版权所有: JavaThinker技术网站 Copyright 2016-2026 沪ICP备16029593号-2
荟萃Java程序员智慧的结晶,分享交流Java前沿技术。  联系我们
如有技术文章涉及侵权,请与本站管理员联系。