在网络上写文章时,你会发现自带的主题不是特别美观,总想自己DIY一番,这时就用到了CSS定义,比如说文章中的字体和大小都可以通过它去修改,有时你会发现他根本不起作用,特别是一些自媒体公众号,还有博客之类的,下面我就来讲讲是什么原因?

正文中CSS的双引号可以造成字体不生效

用习惯了Dreamweaver的自动生成CSS功能,形成了依赖,但在写博文时却发现根本无法定义。因为Dreamweaver生成的字体css是放在文章前面的,但在很多免费地博客中是无法去实现这种css定义的,我们只能将css夹放在文章中需要定义的标签中,这样才能实现css的自由定义,下面给大家演示下。

用Dreamweaver生成的css样式

  1. <style type="text/css"> 
  2. p { 
  3.     font-family: "楷体_GB2312"; 
  4. </style> 

这种方法要么就是单独保存成css文件,要么就是放在单个网页最前面,可是多数的自媒体公众号或者博客,一般不允许这样出现,就算可以编辑源代码,它都会给删除掉,所以只能选择另外一种方式:夹放在文章段落标签中。

夹放在文章段落标签中的样式

  1. <p style="font-family: "楷体_GB2312";">字体效果</p> 

效果如下:

字体效果

但是这样css并不会产生定义的效果,原因是字体上的双引号,在这里应该把它给去掉,样式如下:

  1. <p style="font-family:楷体_GB2312;">字体效果</p> 

如果你的系统中有楷体_GB2312字体,就可以看到下面文字字体的样式效果了

字体效果

字体大小的设置也是非常简单,比如我想把字体大小设置成48像素,可以这样设置。

  1. <p style="font-size: 48px;">字体大小效果</p> 

效果如下:

字体大小效果

固定的样式让字体和大小不起作用

一些博客或者公众号,它们的编辑器不支持源代码编辑,所以是无法通过上面的方面去修改文章的字体或者文字的大小,唯一方法只能将文章写成一个单独的网页文件,保存好后再用浏览器打开,全选复制到博客或者公众号的编辑器中,基本上都可以达到效果。

而一些博客或者公众号,它们为了安全或者其他方面的考虑,即便通过以上方法也无法改变字体或者文字大小,就算支持源代码编辑,也会自动删除相应代码,甚至让你发布的文章一片空白。

对于这样的博客或者公众号是束手无策的,普通大众只发布点资讯类文章倒是没问题,但对一些喜爱发代码的博主就不胜友好了,唯一方法就是自建博客,没有他法。

文章来源:http://www.zhu-sir.com/jiaocheng/23.html
百度搜索本文
谷歌搜索本文
说点什么吧
  • 全部评论(0
    还没有评论,快来抢沙发吧!