FirstElement

<p>This is a plugin for WordPress that allows for re-rendering a multi-rowed long headlines more beautiful and more impressive without any conversion from text to image. It uses the effect of a great jQuery plugin <a href="http://www.frequency-decoder.com/demo/slabText/" rel="nofollow ugc">slabText</a> that was created by Brian McAllister.</p>
<p>You can split a long title at any point as you like with ||(double-pipe) into multi-row, so multibyte language sites can also recieve the benefit.</p>
<p>Even more, can specify the font to use in a title from <a href="http://www.google.com/webfonts" rel="nofollow ugc">Google Web Fonts</a>.</p>
<p>このプラグインは、ブログやニュース系サイトによく見られる複数行に渡る長い記事の見出しを、画像に変換することなく、より美しく、インパクトのあるものに再描画します。Brian McAllister氏のjQueryプラグイン「<a href="http://www.frequency-decoder.com/demo/slabText/" rel="nofollow ugc">slabText</a>」の効果を使用します（英文の様々なサンプルはリンク先でご覧になれます）。</p>
<p>記事タイトルの任意の位置に ||（パイプ2本）を入力することで、行の折り返しポイントを決めることができるので、日本語（マルチバイト）サイトでも効果を得られます。</p>
<p>レスポンシブWebデザインに対応しています。</p>
<p>見出しに使用するフォントを、<a href="http://www.google.com/webfonts" rel="nofollow ugc">Google Web Fonts</a>から指定することもできます（欧文フォントのみ）。</p>
<h4>Requires</h4>
<p>The template must have call <code>post_class</code> function at outer box of the post title in the loop.<br />
If you use <a href="https://wordpress.org/extend/plugins/head-cleaner/" rel="ugc">Head Cleaner</a>, I recommend to excludes <code>wpstxt-call</code> from the list of <code>Active Filters</code>.</p>
<h4>Donate?</h4>
<p>If you feel good with using this plugin, your support is always welcome. I’ve setup <a href="http://fe-labs.net/donate/" rel="nofollow ugc">a donation page</a>.</p>
<h4>Updates</h4>
<p>Plugin updates are announced on <a href="http://fe-labs.net/plugins/wp-slabtext/" rel="nofollow ugc">plugins page</a>, and <a href="http://twitter.com/firstelement" rel="nofollow ugc">http://twitter.com/firstelement</a>.</p>
<h3>Contact and Credits</h3>
<p>Written by Daijiro Miyazawa at FirstElement (<a href="http://www.firstelement.jp/" rel="nofollow ugc">www.fisrtelement.jp</a>, e-mail ‘dxd5001’ at ‘gmail dot com’), 2012.</p>
<p>WP slabText includes a copy of the <a href="http://www.frequency-decoder.com/demo/slabText/" rel="nofollow ugc">slabText</a> written by Brian McAllister.</p>


WP slabText

Allows for re-rendering a multi-rowed long headlines more beautiful and more impressive.

Gijo Varghese

<p>Ensure text remains visible during webfont load</p>
<h3>Features</h3>
<ul>
<li>Inject display=swap to Google Fonts</li>
</ul>
<h3>Support</h3>
<ul>
<li><a href="https://wordpress.org/support/plugin/swap-google-font-display/" rel="ugc">Official Support Forum</a></li>
<li><a href="https://www.facebook.com/groups/wpspeedmatters" rel="nofollow ugc">Facebook Group</a></li>
</ul>
<h3>Our premium products</h3>
<ul>
<li><a href="https://flyingpress.com" rel="nofollow ugc">FlyingPress</a></li>
<li><a href="https://flyingcdn.com" rel="nofollow ugc">FlyingCDN</a></li>
</ul>
<h3>Our free plugins</h3>
<ul>
<li><a href="https://wordpress.org/plugins/flying-pages/" rel="ugc">Flying Pages</a></li>
<li><a href="https://wordpress.org/plugins/nazy-load/" rel="ugc">Flying Images</a></li>
<li><a href="https://wordpress.org/plugins/flying-scripts/" rel="ugc">Flying Scripts</a></li>
<li><a href="https://wordpress.org/plugins/flying-analytics/" rel="ugc">Flying Analytics</a></li>
<li><a href="https://wordpress.org/plugins/flying-fonts/" rel="ugc">Flying Fonts</a></li>
</ul>


Swap Google Fonts Display: Improve Font Rendering & Performance

perfect. improved google pagespeed insights by 10 points!

this is fire 🔥🔥🔥

Ensure text remains visible during webfont load, reduce FOUT, and improve performance for a smoother user experience.

WP slabText vs Swap Google Fonts Display: Improve Font Rendering & Performance