jquery - 文字数に基づいてフォントサイズを設定する

Question

複数の記事がありますが、それらはすべて同じスペースに収める必要があります。文字は 140 に制限されています。私が探しているのは、段落の文字に基づいてフォント サイズを変更することです。そのため、段落の文字数が少ない場合は、フォント サイズを大きくしたいと思います。逆もまた同様です。

以下の私のコードは機能していないようで、誰かが私を助けることができるかどうか疑問に思っていましたか?

現時点で何が起こっているのか、すべての段落のフォントサイズが8emであるため、最後のelseを取っているようです:(

事前に助けていただき、ありがとうございます。

コードは次のとおりです。

    $(function(){
    var $quote = $(".question p");
    var $numWords = $quote.text().split("").length;     
    if (($numWords >= 1) && ($numWords < 20)) {
        $quote.css("font-size", "2.2em");
    }
    else if (($numWords >= 20) && ($numWords < 60)) {
        $quote.css("font-size", "1.8em");
    }
    else if (($numWords >= 60) && ($numWords < 100)) {
        $quote.css("font-size", "1.2em");
    }
    else if (($numWords >= 100) && ($numWords < 140)) {
        $quote.css("font-size", "0.9em");
    }
    else {
        $quote.css("font-size", "0.8em");
    }           
});