Participant

Answered

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

Forum|Forum|6 years ago
March 27, 2019
2 replies
487 views

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!

This topic has been closed for replies.

Correct answer Jon Fritz

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.

Jon Fritz

Community Expert

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.

jkdkidAuthor

Participant

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?

Jon Fritz

Correct answer

Community Expert

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.

Nancy OShea

Community Expert

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

jkdkidAuthor

Participant

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.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded