javascript – 如何解析CSS字体的速记格式

前端之家收集整理的这篇文章主要介绍了javascript – 如何解析CSS字体的速记格式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要将CSS字体的速记格式解析成单独的组件(font-family,font-size,font-weight …).这种速记格式看起来很复杂.这里有两个例子:
10px sans-serif
bold italic small-caps 1em/1.5em verdana,sans-serif

在我开始编写一个解析器之前,是否有可以使用的已经存在的解析器(最好用JavaScript编写)?

解决方法

这是一个“临时DOM元素并使用jquery的css()函数解决方案:

http://jsfiddle.net/thirtydot/tpSsE/2/

var $test = $('<span />');
$test.css('font','bold italic small-caps 1em/1.5em verdana,sans-serif');

alert($test.css('fontWeight'));
alert($test.css('fontStyle'));
alert($test.css('fontVariant'));
alert($test.css('fontSize'));
alert($test.css('lineHeight'));
alert($test.css('fontFamily'));
原文链接:https://www.f2er.com/js/151453.html

猜你在找的JavaScript相关文章