文档章节

Working with Typography

JellyFlower
 JellyFlower
发布于 2016/04/21 09:02
字数 167
阅读 11
收藏 0

Adding Color to Text#

Font Properties

Font Family

Font Size

Font Style

Font Weight

Line Height

Shorthand Font Properties

html {
  font: italic bold 14px/22px "Helvetica Neue", Helvetica, Arial, sans-serif;}


Text Properties


Text Align

Text Decoration

Text Indent

Text Shadow

Text Transform

Letter Spacing

Word Spacing

Using Web-Safe Fonts

By default there are a few fonts that are pre-installed on every computer, tablet, smart-phone, or other web-browsing-capable device. Because they’ve been installed on every device, we can use these fonts freely within our websites, knowing that no matter what device is browsing our site, the font will render properly. These fonts have become known as “web-safe fonts.” There are only a handful of them, and the safest of the web-safe fonts are listed here:

  • Arial

  • Courier New, Courier

  • Garamond

  • Georgia

  • Lucida Sans, Lucida Grande, Lucida

  • Palatino Linotype

  • Tahoma

  • Times New Roman, Times

  • Trebuchet

  • Verdana


Embedding Web Fonts

@font-face {
  font-family: "Lobster";
  src: local("Lobster"), url("lobster.woff") format("woff");}body {
  font-family: "Lobster", "Comic Sans", cursive;}


© 著作权归作者所有

JellyFlower
粉丝 11
博文 27
码字总数 17068
作品 0
长春
私信 提问
十个帮助你提高字体使用和排版技巧的网站

  我一直觉得掌握字体的使用和排版技巧是很难的。之前和大家分享了很多的字体资源,有英文手写字体、复古字体、广告字体、LOGO字体等等很多的字体资源,在这么多的字体中,如何把合适的字体...

秋天风景
2012/04/23
0
0
20 Best Web Typography Tools, Frameworks and Libra

Do you know that web design is almost 95% of typography? If not, then let me explain you that a web designer who gets the right typography tools can create a popular website. Ty......

linjine
2015/05/05
23
0
27 款漂亮的网站导航的设计

今天我们跟大家分享 27 个非常漂亮而且比较独特的网站导航菜单的设计: Handle With Love Neat and organized vertical navigation. Amazing pretty pictures and colors! Weightshift Cool ...

红薯
2011/12/10
5.6K
2
27 个漂亮的 Web 导航设计例子

Handle With Love 整洁和有组织的垂直导航。惊人的漂亮图片和颜色! Weightshift 很酷的使用菜单导航,优雅! Don’t throw Batteries 优雅整洁的菜单 FA Design Another great example of t...

小编辑
2011/10/14
11.7K
7
Compass的误解与新发现

最后个人感觉 Compass是 css世界的.NET 很久以前看到 Compass 误以为是css编译器,因为总是在看到如何安装Scss的文章里面看到的 知道最近不小心进入 Compass官网溜达,才发现 The CSS3 modul...

互联网fans
2014/04/12
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Android面试常客之Handler全解

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 本文链接:https://blog.csdn.net/fnhfire_7030/article/details/79518819 前言:又到了一年...

shzwork
33分钟前
4
0
position sticky 定位

本文转载于:专业的前端网站➫position sticky 定位 1、兼容性 https://caniuse.com/#search=sticky chrome、ios和firefox兼容性良好。 2、使用场景 sticky:粘性。粘性布局。 在屏幕范围内时...

前端老手
39分钟前
4
0
CentOS 7 yum 安装 PHP7.3 教程

参考:https://www.mf8.biz/centos-rhel-install-php7-3/ 1、首先安装 EPEL 源: yum install epel-release 安装 REMI 源: yum install http://rpms.remirepo.net/enterprise/remi-release......

dragon_tech
54分钟前
4
0
Linux物理网卡聚合及桥接

Linux内部实现的bridge可以把一台机器上的多张网卡桥接起来,从而把自己作为一台交换机。同时,LInux bridge还支持虚拟端口,即桥接的不一定都是物理网卡接口,还可以是虚拟接口。目前主要表...

xiangyunyan
55分钟前
4
0
一起来学Java8(一)——函数式编程

在这篇文章中,我们将了解到在Java8下如何进行函数式编程。 函数式编程 所谓的函数式编程就是把函数名字当做值进行传递,然后接收方拿到这个函数名进行调用。 首先来看下JavaScript如何进行函...

猿敲月下码
今天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部