All geek questions in one place

Several CSS classes do not work

I convert docx to html format (using apache poi) and send it as email.

A snippet of the generated html looks something like this:

<html>
<head>
	....
	<style>

		span.Normal{
			font-family: 'Arial';font-size: 9.0pt;
		}

		span.Title{
			font-family: 'Cambria';font-size: 28.0pt;color: #000000;
		}

		span.MySubtitle{
			font-family: 'Arial';font-size: 18.0pt;color: #000000;
		}

		span.MyTitle{
			font-family: 'Arial';font-size: 22.0pt;font-weight: bold;color: #000000;
		}

	...
	</style>
</head>
<body> 
....

	<p class="Normal Title MyTitle">
		<span id="_GoBack">
			<span class="Normal Title MyTitle">Welcome Message</span>
			<span class="Normal Title MyTitle"> </span>
			<span class="Normal Title MyTitle">Username</span>
		</p>
		<p class="Normal Title MySubtitle">
			<span class="Normal Title MySubtitle">Issues and Solutions</span>
		</p>

	...
</body>
</html>
Run codeHide result

Several CSS classes are not recognized by the Outlook client. This is just rendering the first class css "Normal" and ignoring the rest. But my original formatting (in docx) is present in the classes "MyTitle" and "MySubTitle".

Does Outlook support multiple css? Is there a way that I can manage several generations of css.

+4
source share
2 answers

, html, . /. , , , .

, .

, , Outlook . , Litmus, , . Fortunatly , .

, .

+1

, . , html . , , .

, , .

, , , , , .

:

  • DRY ( )
  • , , .

, , .

<html>
	<head>
		<style>
			body {
				color: #000000;
			}
			h1,
			h2,
			p { 
				font-family: 'Arial';
			}
			h3 {
				font-family: 'Cambria';
			}
			h1 {
				font-size: 28pt;
			}
			h2 {
				font-size: 22pt;
			}
			h3 {
				font-size: 18pt;
			}
			p {
				font-size: 9pt;
			}
		</style>
	</head>
	<body> 
		<h1>Heading 1</h1>
		<h2>
			Heading 2
		</h2>
		<h3>
			Heading 3
		</h3>
		<p>
			This is paragraph text.
		</p>
	</body>
</html>
Hide result
0

Source: https://habr.com/ru/post/1652592/

More articles:


All Articles