‹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 ManagerFlexible, 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 17px L18 This paragraph has a font size of 18px ‹/L›


Font size 16px Font size 17px Font size 20px Font size 22px

Font size 7px Font size 8px Font size 9px Font size 10px Font size 11px Font size 12px Font size 13px Font size 14px Font size 15px Font size 16px Font size 17px Font size 18px Font size 19px Font size 20px | & 10px Font size 22px Font size 24px Font size 26px Font size 28px Font size 30px Font size 32px Font size 34px Font size 36px Font size 38px Font size 40px
Font size 45px Font size 50px Font size 55px Font size 60px Font size 65px Font size 70px 75px – 100px