在window上调用苹果苹方字体

2017.08.12

同事做的手机网站HTML DEMO,附带了IOS系统的苹方字体,并用(代码)代码调用,但在电脑本地浏览并没有效果。

查找网络资料,下载了苹方字体,安装到自己电脑上,再给HTML加上本地调用代码,还有点复杂,备份如下:

苹方提供了六个字重,font-family 定义如下:
苹方-简 常规体
font-family: PingFangSC-Regular, sans-serif;
苹方-简 极细体
font-family: PingFangSC-Ultralight, sans-serif;
苹方-简 细体
font-family: PingFangSC-Light, sans-serif;
苹方-简 纤细体
font-family: PingFangSC-Thin, sans-serif;
苹方-简 中黑体
font-family: PingFangSC-Medium, sans-serif;
苹方-简 中粗体
font-family: PingFangSC-Semibold, sans-serif;

苹方除了简体的:苹方-简(PingFang SC),还为繁体用户提供有:苹方-繁(PingFang TC),苹方-港(PingFang HK)。苹方-繁的 CSS font-family 使用:
font-family: PingFangTC-Regular, sans-serif;
font-family: PingFangTC-Ultralight, sans-serif;
font-family: PingFangTC-Light, sans-serif;
font-family: PingFangTC-Thin, sans-serif;
font-family: PingFangTC-Medium, sans-serif;
font-family: PingFangTC-Semibold, sans-serif;

苹方-港 的 CSS font-family 使用:
font-family: PingFangHK-Regular, sans-serif;
font-family: PingFangHK-Ultralight, sans-serif;
font-family: PingFangHK-Light, sans-serif;
font-family: PingFangHK-Thin, sans-serif;
font-family: PingFangHK-Medium, sans-serif;
font-family: PingFangHK-Semibold, sans-serif;

wordpress使用数字别名的“-2”问题

2017.04.09

网站建站流程

2015.10.12

蓝色CMS网页设计案例——培训网站

2015.08.11

网页设计基础一日谈-课程大纲

2015.07.30

1 课程安排
课题:网页设计基础一日谈
类型:专题快速进修类公开课
时间:1天
目的:
→ 认识网站、网页、互联网;
→ 学会学习,在网站上寻找关于网站的答案;
→ 快速上手,1天把你引进网站设计的大门;

2 课时和内容

2.1 课时
1 9:30~10:20 序章:网站的未来
学会学习
2 10:30~11:20 网站基础知识
3 11:30~12:20 网页设计工具
4 14:30~15:20 PHOTOSHOP的网页设计技巧
5 15:30~16:20 HTML基础初窥
6 16:30~18:00 初练:做一个个人网页

2.2 内容
2.2.1 序章:网站的未来
→ 每个公司、企业、店铺都会有自己的网站;
→ 每个个人都会有自己的网站;
→ 成为如“名字”一样的“必需品”;
→ 展望:未来互联网;
→ 解答:什么是网页设计师?

2.2.2 第一节课:学会学习
→ 为何要说这个话题:互联网的高速发展;
→ 从网络寻找答案:学会搜索;
→ 从网络寻找答案:学会利用;
→ 大胆尝试:一切从TRY开始;

2.2.3 第二节课:网站基础知识
→ 空间、域名、服务器;
→ 地址、路径、浏览器;
→ JS、CSS、HTML;
→ SEO、分享、开源、版权信息;

2.2.4 第三节课:网页设计和网站相关工具
→ 工具:NOTEPAD++、Filezilla、CHROME、FireFox、PhotoShop、DreamWeaver、FireWork、Axure、MindManager……
→ 工具的特点、功能、用法;
→ 尽量选择开源工具;

2.2.5 第四节课:PHOTOSHOP的网页设计技巧
→ 基础绘图:基础使用;
→ 设计必须:利用参考线;
→ 擅于归总:资源重组;

2.2.6 第五节课:HTML基础初窥
→ HTML常见模式和功能;
→ 扩展:HTML和CSS的发展进程;
→ CSS里的“层”概念;
→ 常用的CSS参数;
→ 常用的CSS设定;

2.2.7 第六节课:初练——做一个个人网页
→ 实操:归总个人网页的需求,进行设计和制作;