Character Styles in CSS Properties Panel are not correct

I am using Adobe Illustator CC.
I am trying to export all of the charter styles as CSS. However the CSS panel is not generating the correct style.
Right now, in the Character Styles Panel and CSS Properties Panel I have 3 styles (Default, h1, h2)
This is how they are defined in the Character Styles Panel:
1. [Normal Character Style]:Helvectic Neue LT Std, 55 Roman, 16px
2. h1: Helvectic Neue LT Std, 25 Ultra Light, 35px
3. h2: Helvectic Neue LT Std, 45 Light, 18px
HOWEVER
When I go to the CSS Properties panel the code is not showing the Font Style:
This is how they are defined in the CSS Properties Panel:
1. [Normal Character Style]:
.NormalCharacterStyle
font-family : Helvetica Neue LT Std;
font-size : 16px;
color : #19131F;
color : rgb(25, 19, 31);
2. h1:
.h1
font-family : Helvetica Neue LT Std;
font-size : 35px;
letter-spacing : 0.53px;
color : #FFFFFF;
color : rgb(255, 255, 255);
Missing: 25 Ultra Light
3. h2:
.h2
font-family : Helvetica Neue LT Std;
font-size : 18px;
text-transform : uppercase;
color : #FCFCFC;
color : rgb(252, 252, 252);
Missing: 45 Light
Am I not doing somethign correctly? Is it a problem with my font or with Illustrator?
Also, in case it makes a difference, I only have the default paragraph style defined. It's style is; Helvectic Neue LT Std, 55 Roman
Thanks!

CSS cannot render typographical multiple weight fonts simply because that's just not how it works. All CSS does is reference a physical font file and its properties and while it's possible to use the font-weight and font-style attributes to make standard fonts lighter or bolder it does not compare to anything you would do with the font in a real design environment. That and of course you still need to define fallback/ substitution options - the Helvetica Neue you are referencing is exclusively available on Apple systems only and even if what you are trying worked off the bat, it would be useless on alternate devices that have no access to the font.
Mylenium

Similar Messages

CSS type selectors are not supported in components ?

If I put an <mx:Style> section in an MXML-based
component, I get a number of warnings stating
CSS type selectors are not supported in components. That
said, the styles appear to actually work, and I'd sure
like them to work. Is this a bug in the compiler, or is this
truly not supported?

Hi!
I have the same problem when I apply a style to a Panel, I have a Canvas component and contains a Panel inside, but I fail to apply the css.
I call the css from the main file main.mxml, but when I load the component will give a warning message and does not apply the style. "CSS type selectors are not supported in components: 'Panel' "
This is file main.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
      xmlns:comp="components.*" backgroundAlpha="0" horizontalScrollPolicy="off">
     <mx:LinkBar dataProvider="myComp" horizontalCenter="0" y="380"/>
     <mx:ViewStack id="myComp" horizontalCenter="0" resizeToContent="true">
           <comp:component_01 height="100%" width="85%" label="HOME"/>
           <comp:component_02 height="100%" width="85%" label="GALLERY"/>
           <comp:component_03 height="100%" width="85%" label="TECHNOLOGY"/>
      </mx:ViewStack>
     <mx:Style source="skin_prototype02.css"/>
</mx:Application>
File component_02.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100%">
      <mx:Panel title="Photo gallery" x="10" y="10" width="575"
            horizontalScrollPolicy="off">
      </mx:Panel>
</mx:Canvas>

CSS properties panel - odd problem

Recently the CSS properties panel has suddenly changed and
won't operate or display the way it's supposed to. The CSS Styles
panel is open. I've got the layout set to "Show only set
properties". When I choose a selector the properties show up below
it, however the "Add property" link is gone and there are no labels
for each property.
I've never seen this before and I can't find any option to
switch it back, in case I changed the layout by accident. Has
anyone any knowledge of this? Did I do something to change the
layout?
Thanks for any assistance.
Jeff

I am having the same problem. I even reinstalled Dreamweaver
but it didn't help. Any ideas?
Thank you.
Donna

URGENT...CSS Extraction/ CSS properties panel

Hi there,
I can not find the CSS properties panel for the life of me....anyone help please??
I have read forums, view videos, updated my cc, but no luck.
Help please?
Cheers

This? As Scott said make sure you are updated to the CC version.
http://helpx.adobe.com/illustrator/using/css-extraction.html

In fire fox and google chrome CSS and images are not loading

I am facing problem with jrun, In IE-8 application is working fine, but in FireFox and Google chrome CSS and Images are not loading.
in fire fox and google chrome requests are Aborted.
thanks
Ashok Gadiparthi.

Check if Style Resource Readers SharePoint group has permissions on the site, permissions to the style library and make sure that this library provides Style Resource Readers with restricted read.
If you don't see Style resource readers on the site, go to that library and set that permission. you could also just load your installation media to a folder, and execute on setup.exe, select repair option. This second option of the installation
media is the cannon vs. flyswatter approach though, but it will work
Stacy Anothersharepointblog.blogspot.com

Css and images are not loading in SharePoint website

Scenario:-
System Configuration- Windows server 2008 R2, SharePoint Designer 2010, SP server 2010 all are in Local Machine.
1. I had reset the Windows server 2008 R2 password and opened SharePoint Designer 2010.
2. Opened previous working site and found error- services unavailable- HTTP Error 503. The service is unavailable
3. For this issue, I reset (as I reset for windows server) the Identity password in App pool for "SharePoint Central Administration v4" application.
4. The error "Service Unavailable" got vanished.
But encountered new problem - .css and images are not loading.
5. I re run "Product Configuration wizard" with below steps:-
A) Do not disconnect from this server.
B) No, this machine will continue to host the website
Still Problem persisting.
What tried:-
1. Resetting IIS Server.
2. Restarted SharePoint Admin Services from "Service window".
3. Recycled App pool.
Just do let me know for further information.
I have Checked so may forum and sites but no solution :(
Looking for excellent resolution :)

Check if Style Resource Readers SharePoint group has permissions on the site, permissions to the style library and make sure that this library provides Style Resource Readers with restricted read.
If you don't see Style resource readers on the site, go to that library and set that permission. you could also just load your installation media to a folder, and execute on setup.exe, select repair option. This second option of the installation
media is the cannon vs. flyswatter approach though, but it will work
Stacy Anothersharepointblog.blogspot.com

Properties panel does not entirely show

Part of the properties panel is not shown - what cause this? - how can it be fixed?
Using DW CS4 and Win 7
Arrows show how parts of the panel are not seen

1600 to 900 is screen resolution and font size was 125% - changed it to 100% and that allowed full properties panel to be displayed
Thanks everyone - Merry christmas
Date: Thu, 19 Dec 2013 15:00:47 -0800
From: [email protected]
To: [email protected]
Subject: Properties panel does not entirely show
    Re: Properties panel does not entirely show
    created by Nancy O. in Dreamweaver support forum - View the full discussion
What screen resolution are you using on your display settings?
What font sizes are you using on your system?
Nancy O.
     Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at http://forums.adobe.com/message/5946046#5946046
     Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/5946046#5946046
     To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/5946046#5946046. In the Actions box on the right, click the Stop Email Notifications link.
           Start a new discussion in Dreamweaver support forum at Adobe Community
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/thread/416458?tstart=0.

Css properties panel won't allow changes

Every time I try to make a change within the CSS Properties Panel, everything disappears and will not work. I have brought this to my teachers attention, and he says I have done everything correctly, so I am completely unaware of what the issue is. On top of this, it seems like DW CC has had quite a number of problems, including it quitting itself and not being able to restart. Any help would be appreciated!

Run the validators anyway, "missing apostrophe syndrome" hits the best of us. I'm not saying your professor missed something, but it's possible.
If the code comes up clean, it may be time to move onto some general catch all troubleshooting steps...
Clear Program Cache: Deleting a corrupted cache file
Restore Preferences: Restore preferences | Dreamweaver CS4, CS5, CS5.5

Fireworks CSS Properties panel shorthand

Hi is where any way insted of:
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:16px;
line-height:140%;
color:rgb(168,168,169);
text-align:left;
to have:
color: #A8A8A9;
font: 16px/1.4 "Trebuchet MS", Arial, Helvetica, sans-serif;
and same shorthand for everything else. Is where any way to edit CSS Properties panel?
P.S. I was trying http://mattstow.com/css-professionalzr.html , but in most cases its not working.

Without doing a lot research into this, I'm not sure what to suggest. I think you're on the right track by trying a tool like Matt's CSS Professionalzr. Have you tried giving him feedback on what's not working? (I do see that it's version 0.4, so it could still be a work in progress.)
Within the CSS Properties panel itself, I don't see any shorthand options. I know the panel was introduced as an add-on to CS5, so it's still a relatively new feature.
I don't know if Dreamweaver might be helpful to you here. It has options for writing CSS shorthand.
Perhaps there's a way to "wash" the Fireworks code output in Dreamweaver by resaving or editing the CSS file or something. If not, I'd do a Google search for some kind of tool that's oriented towards "CSS shorthand". There might be a converter out there.

Why the css properties panel it doesn't open?

The css properties panel in my trial version of Fireworks CS6, it doesn't open. May this be due to some limitations in trial version (which I wasn't aware of)?
Thank in advance

You scroll the camera icon up, not tap it.

Windows (tool) panels are not showing.

Windows (tool) panels are not showing, or letting me use most of the tool features. e.g. when I klick windows>align but no align window shows up, even though it is ticked in the 'Windows' drop down menu. This is the second time this has happened since subscribing. Help!

Sam,
It may be time for the list.
The following is a general list of things you may try when the issue is not in a specific file (you may have tried/done some of them already); 1) and 2) are the easy ones for temporary strangenesses, and 3) and 4) are specifically aimed at possibly corrupt preferences); 5) is a list in itself, and 6) is the last resort.
If possible/applicable, you should save curent artwork first, of course.
1) Close down Illy and open again;
2) Restart the computer (you may do that up to 3 times);
3) Close down Illy and press Ctrl+Alt+Shift/Cmd+Option+Shift during startup (easy but irreversible);
4) Move the folder (follow the link with that name) with Illy closed (more tedious but also more thorough and reversible);
5) Look through and try out the relevant among the Other options (follow the link with that name, Item 7) is a list of usual suspects among other applications that may disturb and confuse Illy, Item 15) applies to CC, CS6, and maybe CS5);
Even more seriously, you may:
6) Uninstall, run the Cleaner Tool (if you have CS3/CS4/CS5/CS6/CC), and reinstall.
http://www.adobe.com/support/contact/cscleanertool.html

Why some Vi in LabVIEW Functions panel are not in PDA Functions panel?

why some Vi in LabVIEW Functions panel are not in PDA Functions panel?
such as "MT Generate System Parameters.vi".......can not run on the PDA window and say:"MT Generate System Parameters.vi":subVI is not executable.

mathan wrote:
WenBin wrote:
up
could you please explain in bit more detail
Looks like a lame attempt to "bump" the thread.
Adding a (nearly) empty message places the thread back on top of the list, in the false assumption that this would generate more replies.
Well, he's partially correct, because it added the last three posts (which of course have nothing to do with the problem at hand), but it did not increase the "real" answers.
Bumping a thread is disruptive and generally a bad idea, because it adds a lot of noise to the forum. Imagine everybody would do it! There would be so much elbowing for the top spot that all substance would be lost in the chatter.
In the NI forums, bumping a thread is very counterproductive, because blue contributions (from NI) will typically (and hopefully!) wait until the thread is idle for a while.
Overall, it is a bad idea!
LabVIEW Champion . Do more with less code and in less time .

Now, in photoshop elements 9 when editing, colours displayed are not correct, seems gama number has changes ?

up to now I had no problem when editing photos with photoshop elements 9. Due to an unknown reason/event the colours displayed , now, are not correct : it looks like the gama adjustment has been changed and the photo rendition is uncorrect. If I display the same photos with other photo editing software ( DPP from Canon for example, or Xnview) , the colours are correct !!... Can you help me ?
Thanks a lot !
JJ Etienne

Thank you for trying to help me. In fact, I resolved my problem by changing the default ICC profile for my screen : I entered the parameters settings panel, screen definition and then advanced settings where I could choose another ICC profile.
Thank you anway !!
JJ

French characters are not correctly stored in database with SQLPlus

Hello everyone,
I would like to do the following:
Run an SQL script that inserts/deletes/updates data. The data itself may be
French or non-English characters .Currently, we do this
by just running a script that invokes SQLPlus and runs the various SQL
scripts. However, non-English characters are not correctly stored in the
database (server character set is currently set to AL32UTF8).
Is there a way to get this to work in SQLPlus?
I have tried saving the files in UTF8 or unicode but SQLPlus cannot identify
the formatting of the file and spits out an error.
Any hints would be appreciated.
Thanks,

If the CharacterSet on server is Unicode, normally, there is no problem IF the client is using a characterset with é or à ! ;-)
you should set NLS_LANG on client side...

KDE5 Application menus are not correct

I have always wrestled with little things like this when I toy with KDE. As you can see in this image, my menus are not correct. What is causing this? I'm sorry, but I always get lost trying to sort out what covers button styles, application menu styles, and desktop theme. I can't seem to get these menus to change, but they don't look like what I'm seeing in other's images.
I'm just testing out Plasma 5. What am I doing wrong?

Well it isn't listed as a dependency. At any rate, what I meant was that I hadn't explicitly installed it. If it was part of a group it would have been installed. I did have the breeze workspace theme. Where should one set qtcurve to affect the menus?

Character Styles in CSS Properties Panel are not correct

Similar Messages

Maybe you are looking for