本文简要记录一下Typecho博客替换自己喜欢的字体-修改网站字体的方法

预览：

  • 第一步：使用font-face声明字体
    找到主题文件夹内的 style.css 把下面代码复制进去（我复制到最后一行）
@font-face {
    font-family: 'ssm-font';
    font-display: swap;
    src: url('https://cdn.shaosiming.net/webfont/ssm-font.eot');/* IE9*/
    src: url('https://cdn.shaosiming.net/webfont/ssm-font.eot?#iefix') format('embedded-opentype'),/* IE6-IE8 */
    url('https://cdn.shaosiming.net/webfont/ssm-font.woff2') format('woff2'),
    url('https://cdn.shaosiming.net/webfont/ssm-font.woff') format('woff'),/* chrome、firefox */
    url('https://cdn.shaosiming.net/webfont/ssm-font.ttf') format('truetype'),/* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('https://cdn.shaosiming.net/webfont/ssm-font.svg') format('svg');/* iOS 4.1- */
  }
CSS
Copy

  • style.css 文件定位到 body { } 声明字体 font-family: 'ssm-font'; 如下图：
  • F12看一下控制台，发现网站引用的字体在73行，也引用一下font-family: 'ssm-font';

保存，刷新一下网站，大功告成。