Unable to match the old fonts and paragraphs while duplicating the pre-DW web page.

Report · Mar 27, 2019

Hi, I'm trying to duplicate an old pre-DW webpage of mine and I can't quite get some fonts and paragraphs to match.

I'm using DW current ver and using the split view and looking at the code and I can't quite duplicate the look and feel in some areas.

Digging into the code, I keep seeing differences like "deNormalLS mfs_22". I've duplicated the code in many places and in the sections where the new page doesn't quite look like the old page, the only code difference i'm seeing is this "deNormalLS mfs_xx" where "xx" is a changing number.

Could someone tell me what this is and could it explain the look differences?

Thanks!

Report · Mar 27, 2019

Without seeing your entire code, it's impossible to say for sure. But I suspect that your old site was built with MS Word or something like that. MS Word styles will not translate to modern HTML and CSS code.

Keep in mind that any special fonts you use won't display in browsers unless site visitors have the exact same fonts installed on their web devices. For this reason, it's often best to stick with web safe fonts that are common to both Windows & Mac systems.

CSS Font Stack: Web Safe and Web Font Family with HTML and CSS code.

Androids & iPhones use other font families.

System Font Stack | CSS-Tricks

Nancy O'Shea— Product User, Community Expert & Moderator

Report · Mar 27, 2019

Nancy,

Since it was never coded in Word, don't think that's the issue.

I'm using Source Sans Pro so I think I'm good as far as web safe goes.

Report · Mar 27, 2019

Is "deNormalLS mfs_xx" written in as a class, like...

<p class="deNormalLS mfs_22">some text goes here</p>

...if so, the answer to where it came from may be in your .css stylesheet as a comment near the top.

Report · Mar 27, 2019

Hey Jon,

Here's the full line of code:

<div class="ne elHeadline hsSize3 elMargin0 elBGStyle0 hsTextShadow0 deCapitalize lh1 deNormalLS mfs_18" style="text-align: left; font-size: 26px; color: rgb(96, 96, 96);" data-bold="inherit" contenteditable="false">• I read really slowly. almost after every paragraph i have to put the book down and either think, or write...<br>

When I can get the size of the font and styling close, the one difference seems to be this piece of the code deNormalLS mfs_18 whereas the number at the end varies. In this case it's 18, in other places its 24 or other numbers.

Does that help?

Report · Mar 27, 2019

That is absolutely not generated by any version of DW.

Personally, I'd figure out a Regular Expression in DW's Find & Replace tool to strip all of that nonsense out, then write my own, much more simplified classes to use in their place.

Either way, if the page is actually picking up styling from a .css file (which it would need to be in order for deNormalLS mfs_18 to add anything to the actual text) you should be able to look into that CSS file on your old site to see exactly what that class is doing.

Open the .css file linked in the <head> of the old page and do a search for that class. You should be able to find what properties and values have been added to the text that way.

Unable to match the old fonts and paragraphs while duplicating the pre-DW web page.

1 Correct answer