Font display in design view is wrong / browser displays it correctly

The links I place on my webstie pages display with the wrong (too large) font in design view but when the page is viewed in a browser, the links are displayed correctly. I have CSS entries in place that control link behavior and display and they work just fine in a browser but in design view, the link displays as a larger font than it should. I make all of the links bold. If I put a "class= " specification inside the <a> tag, then the size is right but if I then make the text bold, the size is once again displayed too large. If the text is not inside the <a> tag and it it's part of text1
<a href="reference">text2</a>
</p
Tthe size of text2 is always too large in display mode but is correctly displayed in a browser.
Any ideas?
B. Berkov

Good point ... I inherited the code and CSS and changed a couple of 10pt to 12px so changing the CSS for links to 12px instead of 10pt will probably fix it. Still, I would have thought that design view would match what's seen in the browser regardless.
Thanks,
B. Berkov

Similar Messages

How Do I Change the Font Size in Design View?

The font size when coding in Dreamweaver's "Design View" is
too small. How do I change the size in "Design View" to make it
bigger? I've found that you can change the code view in Preferences
but it has no way to change the font size in Design View.
P.S.--I'm using DW8

Hi,
By "a meeting notice", do you mean the Outlook meeting reminder? It's not possible to change the font in Calendar reminders. It's a system font.
If I've misunderstood something, please feel free to let me know.
Best Regards,
Steve Fan
TechNet Community Support

DW CS5 - what determines the font specs for design view (without Live View on)?

Says it all above. The non-Live View font I get bears no relationship to the font spec'd (and displayed) for the page in Live View. I assume I have a preference set wrong but can't find it.Help appreciated. - Jim

You won't see any custom web fonts in Design View, if that's what you mean. Design View is not and never has been 100% reliable because it is not a browser. At best Design View is an approximation of what you can expect to see in some browsers.
Nancy O.

CS5 :: See font styles in Design view? Is this possible?

Dreamweaver CS5, Version 11.0, cannot view the correct fonts in Design Layout.
Should I be able to view the @font-face fonts while working in Design view?
Online all fonts are fine.
In Page Properties, the fonts are present, they are installed properly on my Windows 7 system.
Just don't know if I should expect to see them while I design.
Thanks.

Then you may have an error in your code that the browsers are ignoring, but DW can't rectify. Live view should be showing the fonts. You may also be missing the right font file for -Webkit browsers (what DW uses in Live View).
Depending on the browser versions you want to support, you should have at least two types of font files for older browsers, a .eot for IE and .ttf or .otf for the others. All of the most up to date browsers can use a single .woff file now days though.
Could you post a link to what you have so far?
If not, run the validators and fix any errors that come up...
HTML: http://validator.w3.org
CSS: http://jigsaw.w3.org/css-validator/

Websafe fonts changing in design view, but not in browsers

ive currently got a website with font thats extremely hard to read for my real estate company. I can change it in dreamweaver just fine and it shows in design view, but upon previewing in a browser it does not work, just reverts back to the old horrible font. Any suggestions here??
im trying to change the font family to
Tahoma, Geneva, sans-serif
thank you in advance!

There's only one h2 heading on each of those pages e.g. 2001 Update: Banks Charging....
The other subheadings (What is the payout penalty...) are a mishmash of tags, tags and CSS styles.
However, the font appearance and word spacing in those subheadings is controlled by the extensive use of the Cufon font replacement technique.
In the Cufon Javascript file,
http://www.definitiveinvestments.ca/js/cufon-replace.js
the <h2> font is replaced with Bebas http://www.dafont.com/bebas.font
Cufon.replace('h2, h3, .title3', { fontFamily: 'Bebas' });
By hard to read, are you referring to the word spacing?

Design View not matching Browser View

I mostly work in Design View and sometimes I notice there are extreme differences in what I am seeing in Design View and what I see when I preview the site with various browsers.
I now have a footer that I can't even see in design view but when I preview in a browser it's placed perfectly at the bottom of my main div. I later noticed that it's at the very top of the design view
out of view so that the very bottom of my footer div is barely showing on the very top of my design view window. Do I have code issues that are interfering? I am a complete newbie with code by the way.
My site is at: dev.soundscapemedia.com
Many thanks

Design view should never be considered accurate. It is Dreamweaver's rough guestimation of how things will look if rendered in a browser. The only "view" that may be considered accurate is the "Live" view - because it actually is rendered using a browser engine. Even with Live view though, one should always test against several major browsers.
So my suggestion/solution would be to ignore whatever crazy stuff Design view shows and just make sure you code to web standards and preview in a browser (or use Live view).
Remember: Design view is only a rough guestimate by Dreamweaver and should not be considered accurate.

Design view differs from browser view

When viewing in Design view my code correctly shows 2
overlapping rectangles. In browser view it shows two smaller
rectangles that do not overlap. I am using DW MX 2004. I have
attached small sample code.
Thanks,
Alexariel

DMX2004's Design view is not a browser, and can only
approximate (poorly)
how a page will look. The browser is always right. For
example, DMX2004 is
insensitive to the CSS error here -
div {width:250px; height:100;px; position:absolute; }
(note the ';' between '100' and 'px')
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Alexariel" <[email protected]> wrote in
message
news:gqh83o$kld$[email protected]..
> When viewing in Design view my code correctly shows 2
overlapping
> rectangles.
> In browser view it shows two smaller rectangles that do
not overlap. I am
> using
> DW MX 2004. I have attached small sample code.
> Thanks,
> Alexariel
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
> "
http://www.w3.org/TR/html4/loose.dtd">
> <html>
> <head>
> <title>Untitled Document</title>
> <meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
> <style type="text/css">
> body {margin: 0px; padding: 0px;}
> div {width:250px; height:100;px; position:absolute; }
> div.one {background-color:#FF0000; left: 0px; top: 0px;
> div.two {background-color:#00FF00;left: 75px; top:
25px;}
> </style>
> </head>
> <body>
> <div class="one">one</div>
> <div class="two">two</div>
> </body>
> </html>
>

Design View Fails To Render Some Pages Correctly.

Dreamweaver appears to have problems rendering some CSS in
Design View. Here
are links to an HTML page and a style sheet, both of which
appear to be
valid, but the page "breaks" in the Design View of both DW8
and DW CS3:
http://wspitt.com/csstest/index.html
http://wspitt.com/csstest/default.css

> Maybe not but its wrong to mislead them into believeing
if their page
> validates it will render correctly.
Who here has EVER said that? Nobody. This is your spin on our
comments.
If the page is not rendering correctly, it is a good practice
to start with
validation. If there are structural errors in the page, that
will find
them. You can then eliminate such considerations from your
troubleshooting
efforts.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Osgood" <[email protected]> wrote in
message
news:[email protected]...
> Murray *ACE* wrote:
>
>>>Murray thats nonsense.
>>
>>
>> You are distorting my statements to your purpose.
>
> Not really. I'm just providing a view from a different
perspective than
> yours.
>
>> A page that doesn't validate will likely not display
properly in DW. You
>> know that.
>
> Thats not my opinion. A badly coded page is more likely
not to display
> correctly. I don't consider one that fails validation on
a few minor
> points badly coded. One that does validate can display
the same issues as
> one that doesnt, if not worse.
>
> You know what validates and what doesn't.
>
> Sure and that to me is where it ends. If people feel the
need to validate
> then so be it but don't consider it the be-all and
end-all solution to
> possible display issues cross-browser.
>
> You do not make the
>> kind of structural errors that will cause a page not
to validate.
>
> To me thats whats its all about making sure the
structure is correct but I
> cant see the correlation with also wanting to make
anything valid.
>
>> Most of the people who post here with display
problems are not that
>> savvy.
>
> Maybe not but its wrong to mislead them into believeing
if their page
> validates it will render correctly.
>

Design View Font too small

Hi Everyone,
I have recently dowloaded the following update to my DreamWeaver 2004:
http://www.adobe.com/support/dreamweaver/downloads_updaters.html#dwmx2004
Unfortunately once I downloaded and installed the update, it messed up my Design View Fonts. See screenshot attached.
Is there any way to fix a setting to make the font bigger in design view?
thanks
eynar g

i tried that as well but no help. It's also weird because some pages look fine & others don't. It might be the CSS associated with the pages.

CS3 design view unreadable

I just upgraded to Dreamweaver CS3 from MX2004. I edit a web
page and all was OK with MX2004 but with CS3 the font size in
"Design View" is so small it is unreadable and uneditable.
Previewing or publishing the page in IE or FF and the font sizes
are normal.
I have seen others mentioning this problem on other
discussion boards but with no proper resolution.
How can I get "Design View" to display the proper size
without fudging the settings?

This is a code/usage issue. Without seeing your code, we can
only guess
what you have on the page that is making this happen.
CS3 is 2 generations further along in its support of
standards and best
practice usages. As a result it is much more reliably in
rendering of CSS
layouts than DMX2004 was. Along with this increased
reliability and
standards compliance comes a much heavier emphasis on VALID
code. DMX2004
was a bit loose in what it would tolerate. In many cases, it
would ignore
things that CS3 cannot. To know where you stand with this,
try validating
your page. Does it validate?
http://validator.w3.org
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"WizardOfZo" <[email protected]> wrote in
message
news:frr5hs$ep1$[email protected]..
>I just upgraded to Dreamweaver CS3 from MX2004. I edit a
web page and all
>was
> OK with MX2004 but with CS3 the font size in "Design
View" is so small it
> is
> unreadable and uneditable. Previewing or publishing the
page in IE or FF
> and
> the font sizes are normal.
> I have seen others mentioning this problem on other
discussion boards but
> with
> no proper resolution.
> How can I get "Design View" to display the proper size
without fudging the
> settings?
>

Floated element breaks Design view in Dreamweaver CS3

I've tried searching for this issue but haven't found a fix yet and could use some help.
I am redesigning a site and am adding a fluid box to the page. This floated element breaks Design View in Dreamweaver CS3 but appears correctly in the Firefox, Chrome, and IE. I can get the element to appear correctly in Design View after I make minor changes to the page's HTML or CSS, however it always breaks when I save the file.
I've tried many work-arounds including adding an absoutely defined container div, altering the various div sizes, adding <div class="clear"> before and after the element, to no avail.
Ideally, I would like to have page appear correctly in Design View so that others in my lab can easily update the page (and not come to me with repeated questions!).
I've included screen prints of how it looks in Design View and how it look in Chrome.
THANKS! J
Design Time error:
Web Browser - correct view:

I'll try CS4; however my main reason for finding a fix is so that others updating the page (w/ CS3) will be able to do so w/ the WYSIWYG editor that we purchased. We will not be upgrading to CS4 anytime soon either.
Thanks

Font in Design View different from font in Live View and browser preview

My external style sheet has the body set for a sans-serif font and there is nothing to contradict it in the HTML documents. But while I get sans-serif in the Design View (as you would expect), I get a serif font in Live View and Browser Preview, not to mention on the Web itself.
How is this possible (and what should I do about it)?
--Paul

Murray and David: it worked! It is a rare and joyous experience to have a straightforward solution to the sorts of problems I come up with (including other realms). But I have to say that with HTML and CSS (and hence with Dreamweaver), solutions to difficulties have seemed within easier reach than in other parts of the computer world.
By the way, I wanted to choose "correct answer" for both your posts, but after making the first click it was no longer available for the remaining post--so I typed "helpful" even though that one was correct too.
Thanks again.
--Paul

Display Greek font in design view

Hi, i have recently reinstalled DreamweaverMX on my Mac.
The mac is running OSX 10.4.6 and some things are different
now after the installment of DMW
I am struggeling with the greek font.
In my previously made sites I had no problem with displaying
the font in either code view or design view.
Now, opening the previously made files, they do not display
the Greek. neither in code view or designview. i get capitals with
dots on the top.. recognise that?
Does anybody know how to get this done properly for once and
for all?
Unicode and UTF8 ? everywhere.. preferences 'fonts' and 'new
document'
Central European?
I have been trying some stuff but it didn't work out.
Maybe I need to Quit and restart Dreamweaver? I thought that
wasn't necessary.
With the mac I can change from english to greek with a
keyoption. So that's not really the problem.
Hope someone can be of help!
Best,
Miki

Miki
you may have noticed I have the same problem - see FTAO Micha
and another
from me.
Micha has pointed me towards using UTF-8 but I still have a
problem (short
of redoing template I think but still need more
investigation).
What I am doing at the moment is typing in design view
although this is far
from satisfactory as it is bloated code and produces eg
Ε
see www.leroscafedelmar.com/food.html
I will sort this out within the next few days as I cannot
continue doing it
this way.
So this is really just a sympathy post (o:
Jo
"miki-loves-mac" <[email protected]> wrote
in message
news:e35v11$1kq$[email protected]..
> Almost 24 hours later (I need some sleep)
> and no solution for my Greek fonts dispalaying the way
thay used too..
>
> I treid al the mentioned suggestions from the forum, but
I still have no
> luck.
> It's so weird!!
>
> How CAn this be?
> please can somebody help?
> cause the dmwmx-help is not helping.
> When I copy the abacadabra text from the source or from
design view and
> paste
> it into an email for instance it is beck to Greek.
> So it's a visual thing in Dreamweaver (that wasn't like
this before...ha?)
> but
> there must be a way to solve it BECAUSE it wasn't thee
before! (But My
> system
> was 10.3.3. before.) I count there are but a few mac
users on this forum.
> Don't let it stop you from checking your preferences for
me if you are
> dispaying greek characters correctly!!
> My version is 701 btw. I'm behind.. just 2 years.
> Thanks Who ever is zo lovely to check for me...
> Miki
>

Font sizes render too small in DW CS3 design view?

I have recently upgraded to DW CS3 from DW8 (which is still
installed) on my Vista Ultimate system.
For some reason CS3 occasionally renders fonts smaller than
they 'should' appear. This can be replicated using the below code
(I realise this code is not 'best practice' by any measure but it
is the simplest way I could demonstrate the problem). In DW8 design
view it renders exactly as it outputs in IE5, 6, 7, and Firefox
(with default viewing settings) but in DW CS3 the font appears much
smaller! I realise this is probably a standards issue, with CS3
probably sticking to the standards more firmly than the browsers
and DW8 but I need the design view to render as the browser will or
it is no use to me
Please do not say that I should amend my code to be more
'Standards Compliant' as my main use of DW is coding a large
PHP/MySQL invoicing system which is used within a controlled LAN on
IE6 only. It was originally written by someone else and has been
added to and updated by myself. It is very large and certainly
doesn't need rewriting just to render correctly in DW CS3 design
view.
Any help greatly appreciated

Thanks, Malcom
Here is a screen shot of DW CS2 andn how the fonts are
displayed:
http://www.jlynnewines.com/images/purge_fontexample.gif
~~~
The page is:
http://www.jlynnewines.com/newsletter_archive.htm
~~~
Here is the code:
<td height="114" align="center"
valign="top">December,
2007 
 
<a href="
http://www.jlynnewines.com/newsletters/JL_News_Q4_2007.htm"
target="_blank">View
HTML Presentation</a><a
href="newsletters/pdf/JL_newsletter_Q2_2007.pdf"
target="_blank"> 
</a><a href="
http://www.jlynnewines.com/newsletters/pdf/JL_newsletter_Q4_2007.pdf"
target="_blank">Printable
PDF
Version</a>
August,
2007 
 
<a href="
http://www.jlynnewines.com/newsletters/JL_News_Q3_2007.htm"
target="_blank">View
HTML Presentation</a><a
href="newsletters/pdf/JL_newsletter_Q2_2007.pdf"
target="_blank"> 
</a><a
href="newsletters/pdf/JL_newsletter_Q3_2007.pdf"
target="_blank">Printable
PDF Version</a>
May,
2007 
<a href="
http://www.jlynnewines.com/newsletters/JL_News_Q2_2007.htm"
target="_blank">View
HTML Presentation</a><a
href="newsletters/pdf/JL_newsletter_Q2_2007.pdf"
target="_blank"> 
Printable PDF
Version</a>
February,
2007 
<a href="
http://www.jlynnewines.com/newsletters/JL_News_Q1_2007.htm"
target="_blank">View
HTML Presentation</a> 
<a href="newsletters/pdf/JL_newsletter_Q1_2007.pdf"
target="_blank">Printable
PDF
Version</a></td>

Display issue in Design view

:confused; I'm working in Dreamweaver 8 (Windows XP). I'm
using the 2col_leftNav.css (tweaked somewhat) for my pages. I'm
having some problems with the display in Design view.
For quite some time, whenever I entered new text into a page,
everything in the div (content > feature) shifted to the right.
If I italicized or bolded the text, everything would shift back
into position. If I changed it back into normal font, it stayed in
place until I added more content. Quite annoying, but I managed.
Something that just started (taking over the previous issue,
with no apparent reason/causal factor): the content > feature
div has shifted to the left, overlapping the left column
navigation. I haven't found anything that will make things shift
back into place. This is very hard to read, and makes working in
design view almost impossible.
Any idea what is going on here and what I can do about
it?

quote:
Originally posted by:
bregent
>Any idea what is going on here and what I can do about
it?
You forgot to post the url so we really can't say.
This is something that presents itself ONLY in Dreamweaver.
When I look at the file in a browser, it looks fine. When I post
the page to the internet, it's fine. The issue is just in editing
the page in Dreamweaver.
However, if you'd like to see some pages where this issue
presented itself during construction, you can see them at
www.essential-vitamins.com/stemTech/index.html
www.therapeutic-grade.com.
Thanks.

Font display in design view is wrong / browser displays it correctly

Similar Messages

Maybe you are looking for