Skip to main content
Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
February 13, 2017
Answered

Custom Font Stacks

  • February 13, 2017
  • 3 replies
  • 1624 views

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

    This topic has been closed for replies.
    Correct answer Jon Fritz

    Hi Jon,

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


    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..

    3 replies

    pziecina
    pziecina
    Legend
    February 13, 2017

    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
    Community Expert
    Nancy OSheaCommunity ExpertAuthor
    Community Expert
    February 13, 2017

    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

    Nancy O'Shea— Product User & Community Expert
    pziecina
    pziecina
    Legend
    February 14, 2017

    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).

    pziecina
    pziecina
    Legend
    February 13, 2017

    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
    pziecina
    Legend
    February 13, 2017

    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
    pziecina
    Legend
    February 13, 2017

    It is in -

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

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices