zoukankan      html  css  js  c++  java
  • 「20121230」Safe fonts, Google web fonts (Monda), Livewriter plugin & tips.

    今天替换了用了很长时间的博客模版,主要变化是:英文的默认字体变了;整体字号变大了;页面宽度的像素值提高了(宽度 1280+ 的屏幕,浏览起来都是无问题的,更小的屏幕,如古老而经典的 1024*768 屏幕,如果没有经过类似手机浏览器的云端处理,就会出现滚动条);文章末尾加了 Creative Commons 说明。

    关于英文的默认字体问题,主要是参考了《16 Gorgeous Web Safe Fonts To Use With CSS》,从中选取的字体顺序如下。全部的 .css 文件可以参考页面源代码。之前对页面排版其实也不懂,就是按照想要达到的效果,边查参数边做,所以估计某些地方还不一定用的很准确(比如浏览器适配之类)……

    body
    {
    	font-family: Palatino Linotype, Palatino, Times New Roman, Times, Helvetica, "\5FAE\8F6F\96C5\9ED1", sans-serif;
    	margin: 0px 0px 20px 0px;
    	background: #FFF;
    	text-decoration: none;
    	word-wrap: break-word;
    	font-size: 16px;
    	line-height: 150%;
    }

    另外,经过咨询@zellux 同学,得知其博客里使用的英文字体,是来自 Google web fonts 这个神器网站,名字叫「Monda」,的确挺好看的。但是由于需要在线下载字体,可能会对浏览速度有影响,因而作罢,还是坚持上述 safe fonts 风格。

    image

    另外,分享博客客户端 Windows Live Writer 的几个小技巧。一个是如何「编辑博客时始终使用图片原始尺寸」;二是如何使用插件方便插入代码,后来在官方网站上,发现其实有很多类似的 formatting 工具,由于对代码高亮没要求,所以最后选用的是(估计是功能上最简单的)CodeArea,作用很简单,就是给一段文字添加可自定义的前缀后缀(from HTML source),比如 <pre> /* your code here */ </pre> 等等。

    最后,设置了默认签名,即,每篇文章末尾附带的签名,至于效果嘛,点开本文链接(首页不可见),见下方签名即是。文字来源也是@zullux 的博客,有需要的同学,自行收下吧。 :-)

    ==============================
    @jtuki   Creative Commons License 3.0 by-nc
    本作品采用 知识共享署名-非商业性使用 3.0 版本许可协议 进行许可。
    欢迎转载,演绎,但是必须保留本文的署名 jtuki(包含链接),且不得用于商业目的。
  • 相关阅读:
    算术入门之加减乘除
    scanf的返回值
    Flutter 开发环境配置
    DbContextOptionsBuilder
    MarkDown 的简单用法
    C# 多线程安全集合类
    .NET Core 中使用 MemoryCache 缓存
    JWT
    什么是跨域?跨域解决方法
    .Net Core 中配置的高级用法
  • 原文地址:https://www.cnblogs.com/jtuki/p/2840140.html
Copyright © 2011-2022 走看看