Service Mark as HTML messes up the leading and generally looks bad:

11px text with 16px line-height:

Lorem ipsumSM dolor sit aet consectetuer adipiscing elit, sed diam nonu mmy nibh euis mod tincidunt ut laoreet dolore magna aliquamSM erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriureSM dolor in hendrerit in vulput ate velit esse molestie cons equat, vel illum dolore eu feugiat nulla



11px text with 20px line-height:

Lorem ipsumSM dolor sit aet consectetuer adipiscing elit, sed diam nonu mmy nibh euis mod tincidunt ut laoreet dolore magna aliquamSM erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriureSM dolor in hendrerit in vulput ate velit esse molestie cons equat, vel illum dolore eu feugiat nulla



Service Mark as graphic. Looks better but leading still off:

11px text with 16px line-height:

Lorem ipsumSM dolor sit aet consectetuer adipiscing elit, sed diam nonu mmy nibh euis mod tincidunt ut laoreet dolore magna aliquamSM erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriureSM dolor in hendrerit in vulput ate velit esse molestie cons equat, vel illum dolore eu feugiat nulla



11px text with 20px line-height. Line height totally wrong:

Lorem ipsumSM dolor sit aet consectetuer adipiscing elit, sed diam nonu mmy nibh euis mod tincidunt ut laoreet dolore magna aliquamSM erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriureSM dolor in hendrerit in vulput ate velit esse molestie cons equat, vel illum dolore eu feugiat nulla