Custom Font Stacks

[Nancy OShea]

I want to modify my Custom Font Stacks from the CSS font stack list.   Some of the fonts on their list are not on my system. 

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

Like this one  Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;

Presently, there seems to be no way to just copy & paste font stack families directly into DW's Manage Fonts panel.  If you don't have the font on your system, there's no way to add it to the list.   That's not good.

OK.  So which JSON file do I need to edit?

Nancy

[pziecina]

As far as I remember it is an xml file that controls the 'Fonts window'. You could write your own extension that would add custom font stacks.

I did file a FR for this, but

[pziecina]

It is in -

Adobe - Dw (+version) - configuration - Fonts - fontStrings.xml

[pziecina]

Another reply

One day I will post all the info in one go, but the world may stop if I do that.

Don't forget to make and keep a back-up copy of your new xml file, as should there be an update to Dw 2017, it will overwrite the file in the Dw config folder, (that's why I don't give anyone my flexbox/grids/multi-column code for cssd).

[pziecina]

Very Important,

Don't forget to add the default Android fonts to your font stack, otherwhise Android users will get whatever they have installed and set as default.

1 normal (Droid Sans),

2 serif (Droid Serif),

3 monospace (Droid Sans Mono).

[Nancy OShea]

OK. I went to C:\Program Files\Adobe\Adobe Dreamweaver CC 2017\configuration\Fonts\fontStrings.xml.

I copied the last entry on line 12.  Replaced the ID and value with my own.

Saved file.  Closed & Restarted DW.

Sadly, Avant Garde is not showing in Manage-Fonts.

OK.  So I looked in C:\Users\[username]\App Data\Roaming\Adobe\Adobe Dreamweaver CC 2017\en_US\Configuration...

There's a Free Fonts folder in there but nothing for just plain Fonts.  

Argh...

That list has to be coming from somewhere.

Nancy

[pziecina]

The only fonts list I can find, is the xml file, which is obviously not the one we are looking for

You could try asking in the beta forum discussions, or maybe ask Preran to ask the team.

Don't bother with the extending Dw documentation, it has not been updated since CS5.5, and the 'Manage Fonts' was not introduced until CS6, (and I can only find the xml file in CS6 files structure).

[Preran]

Nancy, Paula: I am checking with the team. Will get back as soon as I have a response.

Thanks,

Preran

[pziecina]

Thank you Preran,

As Nancy says they must be coming from somewhere, I even added fonts using the UI, and did a complete check for a file being updated, (without success).

[Jon Fritz]

You can add whatever font you like, it doesn't have to be installed on your machine or chosen from the Available Fonts list under Custom Font Stacks.

Open the Custom Font Stacks and type the font name into the field under the Available Fonts

Click the add button. It will look like the closest font to the new name alphabetically, is the one selected, but it's not.

Your new font name, whatever you put in, will be the one to appear when the font stack is selected.

Your font named in the Font Manager will be the one that shows in your code...

[pziecina]

Hi Jon,

We are looking for the actual font stack list in Dw's config files.

[Jon Fritz]

I understand, however in Nancy's original post, she was under the mistaken impression that she couldn't add fonts that weren't installed on her system to a custom font stack from within the interface.

That's not the case.

It might not be as quick as copy/paste in some obscure program file, but it's definitely doable in CC2017.

[Jon Fritz · Accepted solution]

Huh, I was mistaken, it is as fast as copy/paste to some obscure program file.

You can also copy and paste a font stack list into that field and add it, just leave out the quotes on fonts that have spaces, DW adds them automatically..

[pziecina]

I didn't know about the copy/paste, thanks for the tip.

The way I read Nancy's post was that she wanted to edit the original, (and permanent) font stacks, so as to remove fonts that where not on her system.

[Jon Fritz]

Just for the record, all of the original font stacks can be edited or completely deleted from the program, none of them are permanent.

[Nancy OShea]

I tried copy & paste as you directed and it worked.  So thanks for clarifying.

IMO, the UI could be improved to indicate what that field is for.  On my system, it defaults to "condensed light."    A phrase saying "paste font stacks here" would be helpful.

I'm still curious which file that panel is populated from.

Nancy

[Jon Fritz]

Yeah, the program files are a mess now with all the outmoded code view interface files left behind.