markdown改变字体颜色和大小
原https://blog.****.net/qq_36285879/article/details/54576853
<span class="tags-box artic-tag-box">
<span class="label">标签:</span>
<a data-track-click="{"mod":"popu_626","con":"html"}" class="tag-link" href="http://so.****.net/so/search/s.do?q=html&t=blog" target="_blank">html </a><a data-track-click="{"mod":"popu_626","con":"markdown"}" class="tag-link" href="http://so.****.net/so/search/s.do?q=markdown&t=blog" target="_blank">markdown </a><a data-track-click="{"mod":"popu_626","con":"字体"}" class="tag-link" href="http://so.****.net/so/search/s.do?q=字体&t=blog" target="_blank">字体 </a><a data-track-click="{"mod":"popu_626","con":"color"}" class="tag-link" href="http://so.****.net/so/search/s.do?q=color&t=blog" target="_blank">color </a>
<span class="article_info_click">更多</span></span>
<div class="tags-box space">
<span class="label">个人分类:</span>
<a class="tag-link" href="https://blog.****.net/qq_36285879/article/category/6528514" target="_blank">保存 </a>
</div>
</div>
<div class="operating">
</div>
</div>
</div>
</div>
<article>
<div id="article_content" class="article_content clearfix ****-tracking-statistics" data-pid="blog" data-mod="popu_307" data-dsm="post">
<div class="article-copyright">
版权声明:看不懂请评论,我会积极改进的 https://blog.****.net/qq_36285879/article/details/54576853 </div>
<div class="markdown_views prism-atom-one-dark">
<!-- flowchart 箭头图标 勿删 -->
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;"><path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path></svg>
<p><font color="green">markdown中改变字体颜色与大小方法同html</font></p>
先看例子
<font face="黑体">我是黑体字</font>
我是黑体字
<font face="微软雅黑">我是微软雅黑</font>
我是微软雅黑
<font face="STCAIYUN">我是华文彩云</font>
我是华文彩云
<font color=#0099ff size=3 face="黑体">color=#0099ff size=72 face="黑体"</font>
海蓝,黑体,size为3
<font color=#00ffff size=6>color=#00ffff</font>
青色,size为6
<font color=gray size=10>color=gray</font>
灰色,size为6
以后再补充
<script>
(function(){
function setArticleH(btnReadmore,posi){
var winH = $(window).height();
var articleBox = $("div.article_content");
var artH = articleBox.height();
if(artH > winH*posi){
articleBox.css({
'height':winH*posi+'px',
'overflow':'hidden'
})
btnReadmore.click(function(){
articleBox.removeAttr("style");
$(this).parent().remove();
})
}else{
btnReadmore.parent().remove();
}
}
var btnReadmore = $("#btn-readmore");
if(btnReadmore.length>0){
if(currentUserName){
setArticleH(btnReadmore,3);
}else{
setArticleH(btnReadmore,1.2);
}
}
})()
</script>
</article>