做网站如何用代码把字体变大,企业网站模板,网站开发部门叫什么,代码导入wordpress修改Typora字体
写在前面
我最近在折腾windows电脑#xff0c;从macos转像windows不容易啊#xff0c;因为键盘快捷键经常弄错#xff0c;这篇文章就是修改Typora中字体显示的问题。
正文内容
我发现在windows中#xff0c;字体非常的难看#xff0c;微软雅黑也太丑了…修改Typora字体
写在前面
我最近在折腾windows电脑从macos转像windows不容易啊因为键盘快捷键经常弄错这篇文章就是修改Typora中字体显示的问题。
正文内容
我发现在windows中字体非常的难看微软雅黑也太丑了。于是我就想要吧这个字体给换掉。搜索了一圈发现了一篇文章还挺有可行性的。修改Typora默认的字体为好看秀美的中文字体“华康手札体“并配置一些高级定制功能20210404已成功测试_typora那个中文字体好看_一念一生one的博客-CSDN博客
就是这个了稍微看了一下哦。原理是要我修改CSS文件那。这个我熟悉啊因为之前发了一篇文章是关于css字体的就是这个为网站的中文和英文使用不同的字体_hanjie-chen的博客-CSDN博客这样子看的Typora是一个浏览器于是我按照自己文章中的方法修改了
简单来说就是先下载2份自己喜欢的字体我的是苹方简体macos系统字体还有JetbrainsMono字体然后放到theme文件夹中去如下图 这里的字体特别需要注意一定要完整的大约会有10M左右这样子的字体才是全的不然的话有些字体一旦不在这个字体集中就会使用系统默认的字体就会显示的不协调这个全是教训呐搞了我一下午的时间。JetBrain大家可以去官网直接下载而macos的平方简体可以从这个这个仓库下载
然后就是吧所有的font-family给修改掉了但是我发现虽然修改好了yaml中的字体还有使用的是微软雅黑,我也不知道为什么。
我知道了CSS的效果却决于最后的代码所以不仅仅许需要修改github-dark-default而且需要修改github-dark-high-contrast.css
我修改之后的代码如下
import github-dark-default.css;:root {--text-color: #f1f3f6;--bg-color: #090c10;--side-bar-bg-color: #090c10;--control-text-color: #a9aaab;--primary-color: #f9826c;--primary-btn-border-color: #f9826c;--active-file-text-color: inherit;--active-file-border-color: #f9826c;--active-file-bg-color: #0a0c10;--primary-btn-text-color: #f9826c;--window-border: 0 solid #0a0c10;--item-hover-bg-color: #272b33;--item-hover-text-color: #f9826c;--meta-content-color: #f9826c;--search-select-text-color: #f9826c;--control-text-color: var(--text-color);--control-text-hover-color: var(--text-color);--heading-char-color: #f9826c;--active-toggle-btn-color: #192133;--blur-text-color: rgba(200, 200, 200, 0.33);--rawblock-edit-panel-bd: #272b33 !important;--select-text-bg-color: rgba(53, 82, 116, 0.97) !important;--select-text-font-color: #fff !important;--color-border-secondary: #79828e !important;--mermaid-node-color: #b87f62 !important;--mermaid-node-border: #bd7958;--mermaid-contrast-color: #afe61d;--mermaid-theme: dark;--monospace: JetBrainsMono, PingFangSC, monospace;
}code {background-color: #454a52;font-family: JetBrainsMono, PingFangSC, monospace;
}.cm-s-inner span.cm-comment {color: #bdc4cc;font-style: normal;font-family: JetBrainsMono, PingFangSC, monospace;
}.cm-s-typora-default .cm-comment {color: #bdc4cc;
}blockquote {border-left: .25rem solid #7a828e !important;
}blockquote p {color: var(--text-color) !important;
}hr {background-color: #7a828e !important;
}.ty-preferences button.btn-default {background-color: var(--item-hover-bg-color) !important;
}/* Button hover in setting menu */
.ty-preferences .btn-default:not([disabled]):hover {border-color: #8b949e !important;background-color: var(--item-hover-bg-color) !important;
}/* Sidebar button hover in setting menu */
.nav-group-item:hover,
.nav-group-item:active,
.nav-group-item.active {background-color: var(--bg-color) !important;color: var(--text-color) !important;
}/* Select item (mostly in setting menu) */
select {border: 1px solid #30363d;border-radius: 6px;background-color: var(--item-hover-bg-color) !important;padding-top: 5px !important;padding-bottom: 5px !important;
}/* Enabled select item hover */
select:not([disabled]):hover {color: var(--text-color);opacity: 1;border: 1px solid #8b949e;
}/* Disabled select item hover */
select[disabled]:hover {opacity: 0.5;border: 1px solid #8b949e;
}
}
/* Disabled select item hover */ select[disabled]:hover { opacity: 0.5; border: 1px solid #8b949e; }
