‹s38›‹f700›Font builder‹/f700›‹/s38›Wpautop is disabled on this page. Tag ‹L› ‹/L›“white-space:pre-line” is inserted for natural line-break portions.Font Builder – Paragraph & Line Break Manager – Flexible, custom method to handle typographic page layouts Instructions
• Disable wpautop ‘ON’ eliminates the automatic ‹p› and ‹br /› tags for this page.
(These tags are systematically added by Worpdress and plague the html output in places where they are not wanted).
• ‹L› ‹/L› defines “natural line-break” content portions with the CSS property “white-space:pre-line”.
• ‹s8› ‹/s8› to ‹s100› ‹/s100› define the font sizes (in various incremental steps: 8-20 incr·1by1 | 20-40 incr·2by2 | 40-100 incr·5by5 ).
• ‹L10› ‹/L10› to ‹L20› ‹/L20› combine both the ‹L› tag and tags ‹s10› to ‹s20› (ie. the pre-line AND the font size for a simple paragraph or section. See samples below).
• ‹f300› ‹/f300› to ‹f800› ‹/f800› defines font weights (thin to extra bold).
• ‹br› works fine as a line break and line space tag, just like ‹br /›.
• ‹b-10› ‹/b-10› define granular line spaces between paragraphs. (b-10, very narrow to b10, very large)
• ‹hr class=”_0″› to ‹hr class=”_50″› also define granular line spaces between paragraphs and content blocks. (No closing tag required).
‹L› (Pre-line)L12 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. ››CR line break
Next line.L13 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.L14 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.L15 Title: ››CR line break
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.L16 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.L17 This paragraph has a font size of 17pxL18 This paragraph has a font size of 18px‹/L›