REM Font Sizes Enlarged in Design View

I've purchased DW CC, v 13.2 Build 6471. Fonts in px and em display correctly in Design view and Live Mode. However, font sizes in rem, while rendered correctly in live mode, appear to be multiplied by a factor of 10 in regular Design view. Here is a basic code example with three text sizes:
Here's what Live View renders:
But, this is what Design View shows:
Note that the html base font is set to 100%. Am I missing something else here? Is anyone able to duplicate this problem?
Regards, Chris Niestepski

Thank you, Subhadeep! Whenever I'm not imagining things, that's good news!
Now, two questions:
1) Should this be considered a "bug" in DW fork?
I believe so. The fork appears to be multiplying the rem value by a factor of 10. This throws the dimensions and alignment so much as to make Design view useless when using rem.
2) I'm not the first to use rem with DW. What are users using as a work-around?
If the user unchecks View > Display Styles, that largly goes against the purpose of Design View.
The user can also do this in the CSS:
font-size: 1rem;
font-size: 1px; /* Comment for Upload */ OR
font-size: 1rem;
font-size: 1em; /* Comment for Upload */
This lets you work while in DW but doubles the work required, especially for elastic layouts. And the idea of rem was so the user didn't have to do so many math calculations and worry about inhereitance as with em.
Any ideas?
- Chris

Similar Messages

Font and size changes in design view don't appear

I am using the trial version of Dreamweaver CS3 on my G5 Mac
(Leopard), and whenever I make changes to the font and font size,
it does not appear in the design- although the code is there (in
both the css that I create or specific to the paragraph) and then
it shows up when I save and go to browser. Is there some secret to
making the changes viewable as they are being made rather than
having to go to the browser every time before one can see them? It
doesn't seem very practical to only be able to view them in a
browser and not while you are making changes so you know if it is
what you want... can someone please help me with this? I'd like to
buy CS3, and use Dreamweaver, but it won't save me any time if I
have to keep going back to the browser before I can see the changes
I've made.

On Sat, 29 Dec 2007 01:44:29 +0000 (UTC), "Norma Jean
Almodovar"
<[email protected]> wrote:
>I am using the trial version of Dreamweaver CS3 on my G5
Mac (Leopard), and
>whenever I make changes to the font and font size, it
does not appear in the
>design- although the code is there (in both the css that
I create or specific
How are you making the changes - using the properties box in
CSS mode
- or in an external style sheet.
~Malcolm N....
~

Font size difference between Dreamweaver, view in Safari and on friend's PC

In Dreamweaver CS3, I have a table with two cells containing type. In order to get the type to not appear too large, I need to size the type down to 6pt size on screen in Dreamweaver, then it appears like about 10pt normal size text in my Safari browser on a Mac and then it appears too small, but readable and larger than what I am seeing in Dreamweaver on a friend's PC through AOL. This mystifies me as it is only happening on this one page. When I leave the paragraph text at normal size in this table cell it becomes way too large when viewed in the Safari browser, so what I am doing is sizing it down to 40% (miniscule) in dreamweaver so it will come up in the browser as normal paragraph text size.
Never had this happen before. Any Ideas?
TIA,
Ken

I would strip this site back to basics by removing all font sizes in your CSS.
Then avoid %.
Re-build font sizes just using px.
Don't mix units (ems, % etc) until you have a consistent baseline and reason for doing so..
Pt is solid and reliable on paper. Px is solid and reliable on screen.

Decrease font size in Navigation "LIST VIEW"

Hi , i want to decrease the font size in LIST VIEW...
Please tell me the steps to do that ....
thank you
Edited by: Nihar Narla on Nov 27, 2012 9:42 PM

can you be more specific, LIST VIEW means what?
Regards,
Tauceef

Font size in email folder view

I'm hoping that someone out there has figured out the solution to this problem. I have an IMAP email account synced to my iPhone - and I have my emails organised into folders, which are also synced across.
That's all great, but I find that I can only read part of the folder names once I get one or two levels down the folder tree. Is there anyway to decrease the font size in the email folder view so the whole folder names can be seen? If not, anyone have any other bright ideas for a workaround?
Thanks, guys!

Well, when it is happening it happens to all emails in the email app. The behavior is very strange. Again, it's as if all the emails are zoomed out. The only way to fix it that I can see is to hold the power button down and reboot the phone. When it comes back up it's normal....for awhile. I haven't figured out what triggers the behavior.

Font size manipulation in Month view

I was looking for a way to increase the font size in iCal, and realised that as yet nobody at this forum has come up with a way to do it in OS X.
However, since I just saw with my own eyes the different font sizes in iCal in two different user accounts on my MacBook, a bit of detective work led to the following discovery which I hope may prove helpful:
Download and install the wonderful and free utility TinkerTool which will unlock all sorts of possibilities on your Mac. (Mr. Bresink recommends installing it in your Applications/Utilities folder.)
By increasing font sizes in TinkerTool, I find that both the list of calendar types (left column) and the date & appointment time in the Information panel (right column) become much more legible. Alas the entries in the main Calendar itself as well as in the Notes in the Information panel still make me squint... (Please forgive if I'm not using the right English terms for 'calendar types', 'information panel' or 'notes' as my OS X is in French...)
Perhaps some of you good folks could play around with TinkerTool and come up with a 'real' solution?! if so, please post back!
MacBook/G4 iMac Mac OS X (10.4.8)

I would strip this site back to basics by removing all font sizes in your CSS.
Then avoid %.
Re-build font sizes just using px.
Don't mix units (ems, % etc) until you have a consistent baseline and reason for doing so..
Pt is solid and reliable on paper. Px is solid and reliable on screen.

When typing an email the font size enlarges eveery time i hit the return button.

this only happens on my home computer.

Yes this is broke. The forum is full of the exact same report. They are working on a fix.

Font size of text view in Web Dynpro ABAP

Hi Experts,
How to increase the font size of a text view in Web Dynpro layout. I have tried the 'Design' property of the text view and made it 'Group Title', But i want even bigger font size.
Pls suggest.
Thanks,

>
Naresh Kumar Malik wrote:
> Hi
>
>
>
>
> You can use <h1> HTML tag. Here
> concatenate '<h1>' item_eform_reqno '</h1>' into head.
> wd_context->set_attribute( exporting name = 'EFORM_HEAD' value = head ).
>
>
> Here attribute EFORM_HEAD is bounded to the text view element.
>
> Regards
> Naresh
This should NOT work! The UI elements should safe encode all input values - thereby eliminating the value of any HTML tags. If you system isn't doing this already then it is a bug and if you rely on such a thing it will stop working at some point in the future.
You are basically restricted to different values available via the design parameter. The overall font sizes come from the underlying themes and the client applications (browser or NetWeaver Business Client) that host the Web Dynpro Application. Therefore no direct specification of the font size is possible in order to stay within the controls of theme. If you don't like any of the designs available, you might consider altering the Portal Theme you are using - but that is a rather drastic approach.

Tree view control font size

Hello,
(LabVIEW 8.0): I have found that the font size of the tree view items can be set at design time from the drop down list on the menu bar. However, is it possible to make each "level" (i.e. parent = a level, child = different level, grandchild = still another level) have a different font size to clearly differentiate one level from the next?
Thanks,
Chris

try a property node...
Attachments:
Clipboard-2.jpg ‏76 KB

Screen size in design view

Hi, Please help, this is driving me crazy! I had to "repair"
internet explorer in Vista, which seemed to go fine. (reinstall the
software) Dreamweaver kept all my files ertc. but looks very
different now. The font isn't like it used to be and the main thing
is that the Design view of the page is 1/3 larger or more than the
actual page size. Which to me is annoying. After I work on this
large page for a while then check the site it looks tiny! Also at
this large size some text renders differently then it does when you
check it in a browser. I've looked everywhere, can't find a setting
to correct. I want it to appear in the actual size it will appear
live like it did before. Is this Dreamweaver or an IE setting? I
was thinking I.E. setting but all other programs, browsers etc.
render normally. (only the most important one to me is #$%@'d up!
HELP!

quote:
Originally posted by:
Newsgroup User
> The text in DW's design view looks like 8pt Arial or
something and I want to
> make it bigger.
clarify please?
this is html text IN the page?
Do you want it larger only while working on it, or do you
want it larger in
the html page, for everybody??
and- which version of dw?
Alan
Adobe Community Expert, dreamweaver
http://www.adobe.com/communities/experts/
Like I said in my first post, I'm using DW 8.
I want to increase the font for just the DW workspace. In
other words, the font used in the "Design View" which is displaying
my page. So, not for the browser, but for DW workspace only.
Is this in a Preferences setting or is there some other way
to do it?
Nancy, I am at 1600x1200 right now so it would make sense
that everything's so small. If no one can come up with a solution,
I guess I'll have to go down to 1280x1024 or something.

How do you change the font size under the event and iphoto view photos?

I would like to change the font size in iPhoto under the photos that appear in the Events view and in the Photos view. I was told by a tech at Apple that it cannot be done because it is built into the software. What you see is what you get. That seems unusual because the font size in the Photo view is smaller than that in the Events view. The Font control that exists in File/Edit are for fonts used when you open a photo and add your own captionI and have nothing to do with the various views. Does anyone know a way to do this? Thanks

I'm afraid it really is WYSIWYG. It can't be changed. You can send a feature request to Apple via http://www.apple.com/feedback/iphoto.html.
OT

Font and font size in loupe view

Is there any way to change the font size in the loupe view?
I find it excessively large.
-paul

If I were you, I'd rummage around in here and see if any of these have an effect.
http://regex.info/blog/2007-03-13/395

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/

Still having issues with CSS fonts in design view

I only see the following error messages when I enter design
view for a component *other* than my main mxml component:
unable to resolve '/ProjectName/assets/JapaneseBrush.ttf' for
transcoding
Unable to transcode /ProjectName/assets/JapaneseBrush.ttf.
The resource named is the project's root directory (?), and
it refers to line 4. (Same line as the src: url() row in the CSS
file.)
These errors don't show up until after I tab to the design
view, and the font isn't used in the design view (other than this
the CSS works fine). (Even though it works perfectly when actually
running the Flex app.)
I'm using an external CSS file that looks like this:
@font-face{
src: url("/assets/JapaneseBrush.ttf");
fontFamily: JapaneseBrush;
fontStyle: regular;
I've tried actually placing the ttf file in a few different
locations, ProjectName/assets/, ProjectName/src/assets,
ProjectName/src, ... no change. My main mxml is in ProjectName/src.
Anyone have an issue like this before?

I've aleady done so before - FB-9873.
It's not *exactly* the same problem - now the example project
I gave from last time doesn't work at all. I've added a new comment
to the bug report but it's currently "closed" so it has to be
copied or re-opened or something. No time to create a new example
from scratch this time, sorry.
The extremely annoying aspect to this problem is that I have
a large, complex project where the fonts work fine in design view
(now - it wasn't when I created this thread), and I have no idea
why. It seemed to just magically decide to work one day!
This is a re-occuring problem that seems to come and go
magically, and it probably needs some serious bug testing by more
than just a developer.

How do I change font size from points into pixels?

I used to be able to set font size in points but CS 6 has removed this? Please dont say that points = pixels. They do not. See for yourself. A photoshop doc and an Indesign doc have the same pixel size. A 20 point character "A" in InDesign, will be larger than a 20 pixel character "A" in photoshop. This creates hours of extra work when translating text heavy InDesign documents into Photoshop PSDs. Is there any workaround? Help!

Ok, I know why you dont understand my question. I should have said, that points in InDesign do not equal pixels in HTML (and I should have left Photoshop out of it).
My problem is going directly from InDesign to HTML CSS code. I used to be able to look at the type in my layout sketch in InDesign, select pixels in the units preferences and (assuming I am using the same webfont thanks to google fonts and the @fontface style) the font size would match exactly when I view the webpage in a browser. But now, when I try to code my webpage fonts in pixels, using the value from InDesign's points, fonts sizes dont match when viewed in borwser. This may seem like I am splitting hairs to you but it makes a big difference if I can just look at my InDesign sketch and see the excact size of the type without having to export a tracing/guide image and try to match visually. It just worked when I could see font size in pixles in InDesign in CS 5.5 but does not work in CS 6.
Try a test: make a div in webpage with same pixel size as an InDeisgn doc. Use a defualt font like helvetic that is aval. to both InDesign and your browser. A 20 point word will not match a 20 pixel word in the same font.
Also: I believe I rulled out any font replacment issues. For my designes, I am using the same font in both the InDesign doc and webpage code. I am using google fonts (donloaded for indesign and "link href" in head of code on webpage and/or using the @fontface style).

REM Font Sizes Enlarged in Design View

Similar Messages

Maybe you are looking for