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/

Similar Messages

Inserted the code but can't see the site in design view

Hello, I just downloaded the trial version of DW ver.8 and
opened an existing site I have and can't see anything in the design
view, but everything is there in the code view... and the site
shows just fine in the browser preview! This problem happens with
all the html pages I open up. Someone please tell me what I am
doing wrong. I am using mac osx ver.10.4.5.

I copied and pasted the code into DW and I didn't have a
problem viewing it,
A couple of things:
You need to close a a tag here: the > was missing at the
end:
<img src="./icon/sample04a.jpg" border="0"
onmouseover="this.src='./icon/sample04b.jpg'"
onmouseout="this.src='./icon/sample04c.jpg'" style="cursor:
pointer;">
You also need to change:
<script language="javascript">
to this:
<script language="JavaScript" type="text/javascript">
You may want to put the page through the validator and fix
the problems
associated with the page:
http://tinyurl.com/jw7bg
Nadia
Adobe� Community Expert : Dreamweaver
http://www.DreamweaverResources.com
- CSS Templates|Tutorials
http://www.csstemplates.com.au
http://www.perrelink.com.au
- Web Dev
http://www.adobe.com/devnet/dreamweaver/css.html
CSS Tutorials for Dreamweaver
"Big Regz" <[email protected]> wrote in
message
news:ea9cp6$clu$[email protected]..
>
http://www.egocreative.com.au/index.html
>
> This is who I am currently employed with. The site was
done by someone
> before
> I started and was done outside DW (I think he used html
code only). This
> site
> and any other that I am trying to open and edit can't be
seen in design
> view
> but the code can be viewed, and can be seen properly in
the browser
> preview. I
> really want to use this new version of DW
>

Cannot view css styles in design view

Is there a way to get Dreamweaver to display style in design
view when the css files are in virtual folders?
Have tried using ASP (Vbscript) snippet to write in the
server URL and using Liveview, but still doesn't display. It
appears that DW only recognizes hard coded relative links or hard
coded full URLs.
Browser displays these documents with no errors.
Please Help! I have users who will be confused attempting to
edit the documents without visible style, and need to use the
virtual folders.
Thanks.
Sean

> Is there a way to get Dreamweaver to display style in
design view when the
> css
> files are in virtual folders?
Try using Design Time Stylesheets.
Open the Design-Time Style Sheets dialog box by doing one of
the following:
1. Right-click in the CSS Styles panel, and in the context
menu select
Design-time, or
2. Select Text > CSS Styles > Design-time.
Regards
John Waller

Can't see .cfm files in Design view

Can't see .cfm files in Design view in Dreamweaver CC.

Hi pkregel,
Do these files open as intended in Dreamweaver CS6? I am not a CF expert but I am guessing that if you are able to open the files, then you should be able to see them in both the views. Can you post a screenshot as well?
Thanks,
Preran

Unable to see JSF pages in Design View after upgrade to Netbean 6.1

Hi:
I have a Sun Java Studio Creator Update 2 Project and I upgraded to Netbean 6.1 according to Sun's migration guide. It compiles and runs OK, but i can not see any page in design view at all.
Any one has any idea?
thanks

Hi Sriram,
I want to see commit stats on SM50 while background job runs. I unable to see on after upgrade.
all db stats are updated. On Sm50 screen unable to see Database commit count.
Cheers,
Harish

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.

DW CS5 - font displayed in Design View/Live View is as we spec'd. Font when Live View is off is radically different. Why?

Subject line says it all. In brand new pages, the font we specify for the page is displayed correctly, regardless of whether Live View is on or off. But we have an existing site where that isn't the case - the non-Live View font is very different from what we spec'd (and what we see) when Live View is on.. Can somebody suggest where to look for a remedy? Maybe a .css file issue? Thanks. - Jim

Thanks Nancy, but those aren't the problems. Did a bit of page testing here and found that what's happening is that for a specific site, non-Live View is rendering my 'normal' font styles Bold for some reason. I'm going to see if I can resolve the problem myself, at which point I'll report back. If you have any thoughts in the interim, I'm all ears. - Jim

Can't see CSS3 or CSS2.1 styles in Design View in DWCS5

Where have they gone?

Hi
Design view does not support these as they require 'scripting' to work, which with css3 is done by the browsers built in css scripting engine, and that is via the webkit engine used by 'live view'.
PZ

How come I can see my div in design view but not in live view

Hi,
I have a div ID called "portfolio" that I can see in design view but not live view or on a browser. It's a little pink square and I want that square round also.
I ran it through validator. It picked up some things in the style.css which I changed and the boilerplate.css that I did not. Because I thought DW auto creates code for boilerplate because I don't enter that code myself.
It's also rejecting a lot of webkit code but this seems like standard webkit code that works elsewhere on the page.
BTW: at what point does this brutal hand coding pay off in money and less heartache when Wordpress looks cleaner and is so much easier to use? I feel like I barely know HTML or CSS in terms of translating vision to reality and with all-browser functionality after months and months of on-line classes. How long are the pros at it till they reach a watershed point?
here's my address: http://www.adjacentdimensionsmedia.com/home.html
Here's my html:
<body>
<div class="gridContainer clearfix">
    <div id="div1" class="fluid"><img src="adtitle2.png" width="700" height="80" alt=""/></div>
<div class="fluid"><div class="box-shad"><a href="index.html"></a></div>
</div>
    <div id="portfolio">Portfolio</div>
</body>
Here's my CSS:
.box-shad {
margin-top: 200px;
margin-left: 100px;
width: 900px;
height: 700px;
display: block;
background-image: url("images/Big-tree-trans1.png");
background-size: 900px 700px;
-webkit-box-shadow: 15px 15px 15px #000000 inset;
box-shadow: 15px 15px 15px #000000 inset;
-webkit-border-radius: 50%;
border-radius: 50%;
position: fixed;
.box-shad a {
    display:block;
    width:900px;
    height:700px;
#portfolio {
width: 100px;
height: 100px;
margin-top: 0px;
margin-right: 200px;
margin-left: 200px;
margin-bottom: 0px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: pink;
top: -300px;
position: relative;

The top:-300 is putting that div above the top of the browser viewport. Fix that and you'll see the div.

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 <p> tags, <span> 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?

Why can't I see my template in Design view as it is?

Hi Guys
A couple of days ago I noticed that my template which I use for my website, doesn't show correctly while working in design view. Quite annoying since I now constantly have to save all and view in Chrome or Firefox or...
Does anyone know how I can make my template show again as it should be?
See my website here: http://www.bmgraphics.be
And see the difference of the template layout on this print screen of design view:

Hi Nancy
I don't think that this still is a problem. Otherwise I guess, with my few experience, I would have already gone totally mad...
At the moment it seems as if there is a source code separate from the CSS stylesheet which used to be in only one stylesheet so.
I downloaded the template together with the stylesheet etc. and it didn't cause any problems until I started combining styles off course
Btw, Jon, the validator really did it I guess! It seems as if there were some mistakes which are now solved and it looks better now
Thanks!

I only see "PHP" icons in Design View, not the executed code

I have setup a new database installation and tested it - no problem. I can open my webpage in Firefox, and the php code executes properly. When I imported this site into Dreamweaver, I am unable to see the results of any executed PHP code, just "PHP" icons.
Is it possible to view the results of the executed PHP code in Dreamweaver. I'm not talking about complicated PHP code, just a bunch of 'echo' statements really.
Thanks from a DreamWeaver newbie.

I have moved your thread to the appropriate forum, Dreamweaver Application Development, which is where PHP-related issues should be discussed.
In answer to your question, PHP is a server-side language that needs to be parsed (executed) through a web server capable of handling PHP code. In order to see the output of the PHP code, you need to set up a testing server. Instructions on how to do so can be found in this article in the Dreamweaver Developer Centre. Once you have set up a testing server, you can see the output of the PHP code in Design view by activating Live View (in Dreamweaver CS4) or Live Data view in earlier versions of Dreamweaver.

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 <p class="..." and I make it bold, it displays as bold and as specified by the class..
In other words
<p class="class1">text1
<strong><a href="reference">text2</a></strong>
</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

Cant See Any Thing in Designe View

cant see any thing in the design view of my flash builder for most of my project custom componants and main app whin i use the latest night builds or the last 3 builds
plzzz help

Please file a bug and attach your workspace log. C:\Users\username\\Adobe Flash Builder 4\.metadata\.log. Post the link here when finished.
Jason San Jose
Quality Engineer, Flash Builder

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

Similar Messages

Maybe you are looking for