hexo-theme-ylion icon indicating copy to clipboard operation
hexo-theme-ylion copied to clipboard

請問怎麼修改字體大小呢?

Open mosdeo opened this issue 6 years ago • 9 comments

不知道是不是我用 2k 螢幕(surface pro 3)的關係,我會覺得字體太小,閱讀體驗不佳。 可以在哪個設定裡把字體改大嗎? #

mosdeo avatar Aug 26 '17 09:08 mosdeo

我想加上一個 enhancement tag,可是不知道怎麼用?

mosdeo avatar Aug 26 '17 09:08 mosdeo

说得是正文大小?不知道方不方便截一张图我看看? 这确实是一个问题啊,好像当初只考虑了屏幕的宽度来做适配(也有可能是条件判断错误。) 但有一个问题就是,你如果直接这样简单粗暴地修改了,那可能导致其他设备不正常。但如果是我修改的话,我手上没有surface pro 3进行调试,这有点麻烦。

直接修改的话你可以试试修改这一行代码,让其比例变小,这样就会使字体大小变大

https://github.com/GeekaholicLin/hexo-theme-ylion/blob/master/source/js/app.js#L73

欢迎继续反馈~

PS:enhancement label是项目成员才有权限的 😄

GeekaholicLin avatar Aug 27 '17 04:08 GeekaholicLin

因為我用 2k 3:2 screen 的關係,可能和一般人視覺感相差甚大,所以暫時先不調整,多等看看幾個人的反饋再說。

mosdeo avatar Aug 30 '17 14:08 mosdeo

我自己用了 22' FHD 的螢幕看了一下,是覺得還好,字就沒那麼小了。 不過我還是覺得 Medium 的字體大小有比較好的閱讀體驗,有沒有可以一次改到那樣子的設定呢?

mosdeo avatar Aug 31 '17 07:08 mosdeo

大概看了一下Medium的,好像是用了一定的font-size(18px),这样限定之后,在各个设备下基本没有大的问题。 但本主题的问题是,各个页面的组件大小、图标大小等,很大程度上使用了rem,依赖于字体大小(js动态改变),所以改动需要确保不会影响其他地方。 ~~而目前的问题是设备的缺少,这样子我无法测试,自然也就不会进行大的改动。(主要还是知识不够,不能准确无误地修改。总不能我每次改动并且测试没有问题后提交repo,让你拉取,然后看可行不可行,然后继续修正吧?这样子效率太低)~~ ~~所以我只能等待其他人,看能不能发起pr进行改进,望见谅。~~

PS:其实如果你会看css和js,本主题在字体和响应式上的代码并不是很优雅。 edit:已经找到模拟的办法,剩下的就是进行改进,不过这个可能需要的时间长一点_(:зゝ∠)_ 不知道浏览的体验是否如下图一般?如果是的话那测试将会变得简单。 image

GeekaholicLin avatar Aug 31 '17 08:08 GeekaholicLin

@mosdeo

GeekaholicLin avatar Aug 31 '17 09:08 GeekaholicLin

Surface Pro 3 / Ubuntu 16.04 2017-09-12 15-11-36

mosdeo avatar Sep 12 '17 07:09 mosdeo

Surface Pro 3 / Win10 1

mosdeo avatar Sep 12 '17 15:09 mosdeo

好像也不是很小😂跟我在大屏幕的字体大小差不多。而模拟的才算是真正的小,看都看不清。 不知道是否可以通过系统的缩放或浏览器的缩放进行解决?

GeekaholicLin avatar Sep 13 '17 00:09 GeekaholicLin