标签：自己   pad   splay   代码   code   --   orange   ati   引用   

0x00前言

打印版的字体只针对自己的电脑有效，网页浏览版的网络良好下字体有效
网页版的代码部分几乎没有自定义样式，后续也许会补上的，打印版的全部是黑色的。

网页浏览使用

预览

源码

@import url('https://fonts.loli.net/css?family=ZCOOL+KuaiLe|ZCOOL+QingKe+HuangYou|ZCOOL+XiaoWei&display=swap');
@import url('https://fonts.loli.net/css?family=Long+Cang&display=swap');
@import url('https://fonts.loli.net/css?family=Ubuntu+Mono&display=swap');
@import url('https://fonts.loli.net/css?family=Patrick+Hand&display=swap');

/* 全文字体 */
* {
    font-family: 'ZCOOL KuaiLe';
}

/* 标题的样式 (#) */
h1, h2, h3, h4, h5, h6 {
    color: blueviolet;
    font-family: 'ZCOOL XiaoWei';
}

/* 链接 ([]()) */
a {
    font-family: inherit;
    text-decoration: underline;
}

/* 引用: (>) */
blockquote {
    background: none;
    box-shadow: -2px 2px 7px 2px blueviolet;
    margin: 10px 5px 10px 5px;
    padding: 5px 10px 10px 15px;
    border-width: 0;
    padding: 5px 10px 10px 15px;
    font-family: 'ZCOOL KuaiLe';
    font-size: 18px;
}

/* 水平线 (---) */
hr {
    margin: 2em 0;
    height: 3px;
    background-image: linear-gradient(to right, red 0%, red 17%, orange 17%, orange 34%, yellow 34%, yellow 50%, green 50%, green 67%, blue 67%, blue 84%, purple 84%, purple 100%);
    border-width: 0;
}

/* 删除线 (~~文字~~) */
del, s {
    text-decoration: line-through;
    text-decoration-color: red;
}

/* 代码 */
div.hljs, div.hljs-line, .hljs-line span {
    font-family: "yahei consolas hybrid", 'Ubuntu Mono', monospace, consolas, console, "Courier New" !important;
}

文件打印使用

PS:代码高亮为无

预览

源码

@import url('https://fonts.loli.net/css?family=ZCOOL+KuaiLe|ZCOOL+QingKe+HuangYou|ZCOOL+XiaoWei&display=swap');
@import url('https://fonts.loli.net/css?family=Long+Cang&display=swap');
@import url('https://fonts.loli.net/css?family=Ubuntu+Mono&display=swap');
@import url('https://fonts.loli.net/css?family=Patrick+Hand&display=swap');

/* 全文字体 */
* {
    font-family: 'ZCOOL KuaiLe';
    color: black;
}

/* 标题的样式 (#) */
h1, h2, h3, h4, h5, h6 {
    color: black;
    font-family: 'ZCOOL XiaoWei';
}

/* 链接 ([]()) */
a {
    color: black;
    text-decoration: underline;
}

/* 引用: (>) */
blockquote {
    background: none;
    margin: 10px 5px 10px 5px;
    padding: 5px 10px 10px 15px;
    border: 5px solid black;
    border-width: 3px;
    border-color: black;
    border-radius: 5px;
    padding: 5px 10px 10px 15px;
    font-family: 'ZCOOL KuaiLe';
    font-size: 18px;
}

/* 水平线 (---) */
hr {
    margin: 2em 0;
    height: 3px;
    border-width: 0;
    background-color: black;
}

/* 删除线 (~~文字~~) */
del, s {
    text-decoration: line-through;
}

/* 代码 */
.hljs, .hljs-line, div.hljs-line, .hljs-line span {
    font-family: "yahei consolas hybrid", 'Ubuntu Mono', monospace, consolas, console, "Courier New" !important;
    font-size: 10px;
    color: black;
}
pre, code {
    border: 1px solid black;
    border-radius: 0;
}
pre {
    padding-left: 10px;
}
pre code {
    border: none;
}

[maxiang] 马克飞象自定义样式

标签：自己   pad   splay   代码   code   --   orange   ati   引用   

原文地址：https://www.cnblogs.com/by-sknight/p/11415374.html