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 & Moderator

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?

Nancy OShea

Community Expert

Dreamweaver is not the only drill in my toolbox. I use it alongside various tools, depending on the task.

AMAZON E-PUB, KINDLE CREATE: Free download for Windows or Mac.

https://www.amazon.com/Kindle-Create/b?ie=UTF8&node=18292298011

CODE EDITORS:
-- Adobe Dreamweaver CC - https://www.adobe.com/products/dreamweaver.html
-- Codespaces (free, browser-based) - https://github.com/features/codespaces

-- Nova (Mac only, formerly called Coda) - https://nova.app/

-- PHP Storm (PHP code IDE) - https://www.jetbrains.com/phpstorm/

-- Pinegrow (visual website and WordPress Theme builder) - https://pinegrow.com/
-- Sublime Text - http://www.sublimetext.com/
-- Visual Studio Code (free code IDE) - https://code.visualstudio.com/

+ FREE Live Preview Extension - https://marketplace.visualstudio.com/items?itemName=ms-vscode.live-server
-- Wappler ~ Visual Web App Builder - https://wappler.io/

DESKTOP PUBLISHING:

-- Microsoft Word - https://www.microsoft.com/en-us/microsoft-365/word

-- Adobe Acrobat Pro - https://www.adobe.com/acrobat/complete-pdf-solution.html

S/FTP CLIENT:

-- FileZilla - https://filezilla-project.org/download.php

Hope that helps.

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