Brainiac

Question

Better working display with Google Fonts, Design mode?

Forum|Forum|2 years ago
January 15, 2024
2 replies
1319 views

I get the feeling there are only two answers to this — "It can't be done" or someone wearily pointing me to the how-to. (I'm more often over in the ID forum giving just those answers.)

I use Google fonts for most of my websites, and in most, the Design view is adequate. But I have one site that uses Titillium Web, and the Design display is so poor it's hard to work effectively: the body text is all bolded, and things like bullets don't appear (so I just see a — bolded — inset paragraph).

All faces of Titillum are installed and work fine in other apps.

They work fine in Live mode, but I can't do writing/development of web content in that mode.

Is there a way to tell DW to use the full spectrum of fonts in Design mode?

Win11, DW 21.3

This topic has been closed for replies.

Nancy OShea

Community Expert

Design View is a relic from the old Macromedia days. It's not savvy to modern CSS & JavaScripts. What you see is NOT always what you get.

Live View is preferred for most things because it emulates a Chrome browser. What does your page look like when previewed in an actual browser? File > Open in Browser...

Are you working with valid code? Window > Results > Validation...

Can you post a URL to the problem page online?

Nancy O'Shea— Product User & Community Expert

James Gifford—NitroPressAuthor

Brainiac

Just an ETA to my above, really — while Live view gives a near-perfect preview, with some editability, I tend to work on web pages as a content-focused writer/developer, and the block mode of Live (with the editing frame often block-ing something I'm trying to see) just doesn't work well for me. I'm sure it's much better for web developers who are more independent of the content.

BenPleysier

Community Expert

Hi James and welcome to our dwindeling Community. Dreamweaver is old and tired. In fact it is in palleative care as we speak.

Design Mode originates from the Macromedia days and has never been updated. Needless to say that Design Mode is not up to scratch for modern technologies. Even Live Mode is not up to scratch.

So, using the paraphrase: "it can't be done"

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!

James Gifford—NitroPressAuthor

Brainiac

Interesting.

Problem more or less solved by sticking some unnecessary statements in the page-top styles, a wholly redundant font-weight:normal and a list-style:circle. Doesn't affect the final page and forces/lets DW show the right font weight and the list bullets. Good enough, given the replies here. And all problems were/are wholly in that editing mode; pages validate and display in browsers just fine. I thought I'd seen some process or workaround for loading font sets into the preview, though, to solve problems like this; guess not.

I'm curious about the other comments, though. As a code-based web designer since around 1997-98, I've tried and rapidly dumped almost every web design tool there is. I use DW almost entirely as a managed code editor, with benefits, and pay little attention to the various platform supports built into it (and then usually forgotten). I in no way rely on Design mode as an accurate preview, but as I tend to write long-form web material, I find it slightly better than writing in some other tool and then export/code-formatting it.

But if DW is dead and dead-end, then what are pros and daily web developers using? I can't think of another tool that's made it past generation one. Is everything platform development now, with all the limitations of lego development?

James Gifford—NitroPressAuthor

Brainiac

If you require a visual experience then it's hard to replace Dreamweaver, Wappler editor offers that option as does the Pinegrow editor.

As for pro developers, l think VS Code editor is considered the current most popular choice of editors, it's pretty good and it's free, which is probably why it's so popular.

There's also Sublime Text editor which seems to have faded into the background a little bit since the arrival of VS Code but l think it's still being actively developed and is a good editor for pro coders.

Try Web Storm editor or if youre a php developer Php Storm editor. They are commercial products, personally I haven't found any paid for code editor or free one which rivals them. No visual experience of course, their market position is pro coders.

I don't no what you do but if youre also a technical writer then bbedit may be of interest, although its Mac only.

Short answer: technical question answered/resolved. And I'm using pretty much the same tools as everyone else — optimized code editor plus browser evaluation (and VSstudio for other purposes, including the editor, of course; prefer the tools I already have for web work). If no one has yet built a truly visual web design tool, I'm not interested in any sideways changes to same-as stuff. But thanks for all the recommendations.

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