Typographer

Preparation of text for publication on the site. Converts Word document and Excel spreadsheet to HTML.
Paste text from Word:

HTML for publishing:

Upload your site's CSS
Select a file...open

This is how the code on the page will look like:

«Typographer» a specially designed tool for website publishers (content managers). It helps prepare text for web publication.

«Typography» is the art of designing printed text through typing and layout. Typography, on the one hand, is one of the branches of graphic design, on the other, a set of strict rules that determine the use of fonts in order to create the most understandable text for the reader. The task of typography is to determine the parameters for the subsequent processes of typesetting, layout and prepress.

First, you need to create rich text in Microsoft Office, or Open Office, or Google Docs, or something similar editor This can be a Word text document or an Excel spreadsheet.

These documents are already stylized in some way, text size, color, numbered/bulleted lists, tables, etc. You just need to select the desired piece of text from the document, copy it to the clipboard and paste it into "Typograph" in the field called "Insert text from Word". As a result, the selected piece of text is converted into HTML code.

After inserting text, a list of font sizes that were used in the document will be displayed. You can specify which heading (H1-H6) to use for a given size when building HTML. The font sizes determined when rendering the text will most likely differ from those used when formatting the text. This is due to the fact that text editors like «Word» use points (pt) to set text size, while browsers use pixels (px). 1pt is not equal to 1px, it is a little larger, so the font sizes when parsing the document will also be a little larger.

By default, pure HTML is created (without adding styles via the «style» attribute). If you want to transfer text and background colors, text alignment, etc. to HTML. then select the ones you need from the list of found ones.

The code turns out to be quite clean and beautiful, which may not even have to be edited before publishing on the site.

For your convenience, in “Typograph” There is functionality for loading a CSS file from your site, which contains styles for standard tags that are used to publish text pages. After loading the CSS, you will see what the published HTML code will look like on the page of your site.

But you must understand that the CSS must be styled correctly. This means that it should stylize all standard tags that are involved in constructing text content on the page, without being tied to classes. Those. As a selector for a tag, only the tag name must be specified. Unfortunately, this recommendation is neglected by many beginning layout designers.