文章中的css字体和大小不生效不起作用,原来是它作怪
编辑:祝先生在网络上写文章时,你会发现自带的主题不是特别美观,总想自己DIY一番,这时就用到了CSS定义,比如说文章中的字体和大小都可以通过它去修改,有时你会发现他根本不起作用,特别是一些自媒体公众号,还有博客之类的,下面我就来讲讲是什么原因?
正文中CSS的双引号可以造成字体不生效
用习惯了Dreamweaver的自动生成CSS功能,形成了依赖,但在写博文时却发现根本无法定义。因为Dreamweaver生成的字体css是放在文章前面的,但在很多免费地博客中是无法去实现这种css定义的,我们只能将css夹放在文章中需要定义的标签中,这样才能实现css的自由定义,下面给大家演示下。
用Dreamweaver生成的css样式
- <style type="text/css">
- p {
- font-family: "楷体_GB2312";
- }
- </style>
这种方法要么就是单独保存成css文件,要么就是放在单个网页最前面,可是多数的自媒体公众号或者博客,一般不允许这样出现,就算可以编辑源代码,它都会给删除掉,所以只能选择另外一种方式:夹放在文章段落标签中。
夹放在文章段落标签中的样式
- <p style="font-family: "楷体_GB2312";">字体效果</p>
效果如下:
字体效果
但是这样css并不会产生定义的效果,原因是字体上的双引号,在这里应该把它给去掉,样式如下:
- <p style="font-family:楷体_GB2312;">字体效果</p>
如果你的系统中有楷体_GB2312字体,就可以看到下面文字字体的样式效果了
字体效果
字体大小的设置也是非常简单,比如我想把字体大小设置成48像素,可以这样设置。
- <p style="font-size: 48px;">字体大小效果</p>
效果如下:
字体大小效果
固定的样式让字体和大小不起作用
一些博客或者公众号,它们的编辑器不支持源代码编辑,所以是无法通过上面的方面去修改文章的字体或者文字的大小,唯一方法只能将文章写成一个单独的网页文件,保存好后再用浏览器打开,全选复制到博客或者公众号的编辑器中,基本上都可以达到效果。
而一些博客或者公众号,它们为了安全或者其他方面的考虑,即便通过以上方法也无法改变字体或者文字大小,就算支持源代码编辑,也会自动删除相应代码,甚至让你发布的文章一片空白。
对于这样的博客或者公众号是束手无策的,普通大众只发布点资讯类文章倒是没问题,但对一些喜爱发代码的博主就不胜友好了,唯一方法就是自建博客,没有他法。