Font in Style sheet

Hello everybody,
I have create the style sheet for the smartform. In the
Style I have select the font KF-Kiran (for text dispaly in devnagari- maathi language)
I have upload the same by using the se73. but in style when I select the font, then
In preview mode, preview shown in English Language.
So please suggest me How to apply the font KF-Kiran (for type in devnagari- maathi language) In style
my system is Unicode and font also installed on the front-end PC
Thanks

Hi ,
Check with basis team .
Your ECC system is installed for EN only (Unicode)
Let me know if any concerns...

Similar Messages

How to Make a "fonts.css" style sheet

Hi, I have a wordpress blog with a stylesheet named “style.css”. I want to change the fonts in the style sheet and so I want to create a separate style sheet named “fonts.css"
I could just duplicate the ”style.css” page and then rename it “fonts.css” but I believe I read somewhere it is better to create a new style sheet named “fonts.css” and then add my font styles to that. Doens anyone know of a tutorial or how I make the new style sheet and add my fonts?

I only typically use two stylesheets on any given site, layout.css and styles.css. One is for the overall layout/positioning info of the site and the other is the style information which would include fonts, colors, shadows, transitions, etc.
If it is better in your mind and for your workflow to create a third stylesheet just for the font values, go for it. To me, fonts are just another style element though, so they stay in my styles.css file.
There's really no right or wrong to doing it either way. Just make sure you create another link in the head section of your site to the new file if you create fonts.css.
Thanks jon,
Yes I agree, I could just change the fonts in “style.css” and then have less style sheets, but the themes developer told me to create a new style sheet named “fonts.css” only because the theme is updated regularly and uploading a new theme will write over the file named “style.css” and then your fonts will default to their original fonts.
I don't see anything wrong with that approach. Just remember that if you have both styesheets linked to the same page then the page will get it's css styles from the last linked stylesheet.
So for instance if you have:
body {
font-size: 14px ;
in the style.css
and
body {
font-size: 12px ;
in the fonts.css
and the last linked stylesheet was styles.css the page would display 14px text.
So you just need to get them in the right order IF you have more than one styleshet linked to a page.
Thanks Osgood,
Yes that was my other question. So in my uploaded CSS folder I have the original “style.css” file and now my new “fonts.css” file. “style.css” is above the “fonts.css” file and both contain the same information except the file “fonts.css’ has been changed to use different fonts.
So if I understand you correctly I need to either move the file “fonts.css" above the file “style.css” or delete “style .css” from the CSS folder so the file “fonts.css” will take precedence. Is this correct?
Also, I needed to open style.php and edit the code to include “fonts.css” which I did.
I opened "style.php" and then added the code in "red" then uploaded it to the (CSS) folder on the server.
<?php
header( "Content-type: text/css" );
$files = array();
$files[] = 'style.css';
$files[] = 'responsive.css';
$files[] = 'fonts.css';
foreach($files as $file) :
    $content = @file_get_contents( $file );
    echo minify( $content );
endforeach;
function minify( $code ) {
          $code = preg_replace( '#\s+#', ' ', $code );
          $code = preg_replace( '#/\*.*?\*/#s', '', $code );
          $code = str_replace( '; ', ';', $code );
          $code = str_replace( ': ', ':', $code );
          $code = str_replace( ' {', '{', $code );
          $code = str_replace( '{ ', '{', $code );
          $code = str_replace( ', ', ',', $code );
          $code = str_replace( '} ', '}', $code );
          $code = str_replace( ';}', '}', $code );
          return trim( $code );
?>
After doing all of this I still didn’t see any changes to my fonts so I must have done something wrong.
Any ideas?

(none) style gets applied to numbered list & font size not matching text in my style sheet

RoboHelp 9 (9.0.2.271)
Something is wrong with my style sheet, and it only started happening after I created Master Page for the first time. This happens whether or not the new Master Page is applied to a topic: Every time I type any text in a topic, then click the Numbered List icon in the toolbar, the style goes from Normal to (none), and the font changes from my style sheet's Normal 10pt to 8pt, for the number as well as the text.
I don't see how the new Master Page has anything to do with it because it's not applied to this particular topic. I had created a Master Page in RoboHelp HTML and applied my style sheet, then my topics to it. I have a footer in the Master Page and applied 8pt font using inline formatting (not the style sheet).
I created a new project to see what would happen.
When I apply my style sheet, then apply the numbered list to text, the text font is correct (10pt), but the number font is wrong (8pt).
But when I apply the default style sheet to the topic, the number font and text font match.
How can I get the number and text fonts to match in my style sheet?
I found a workaround by applying inline formatting to the next (10pt) after selecting the text and clicking the numbered list icon. Below is the html code. The numbered steps in red are the ones that are not correct (8 pt). The code with the correct formatting (after I applied inline formatting) is in blue.
<body>
<h1>My Overview</h1>
<p>example</p>
<ol type="1">
<li>first step</li>
<li>second step</li>
</ol>
<ol type="1">
<li style="font-size: 10pt;">Fixed by applying inline formatting to
10pt after selecting the numbered list icon</li>
<li style="font-size: 10pt;">next step</li>
</ol>
<p> </p>
<?rh-placeholder type="footer" ?>
</body>
Thanks.
Gina
Message was edited by: ginafromtampa

Amebr,
That was helpful. I'm looking at a topic now, and both the Apply Style list on the Formatting toolbar show (none) when I click a numbered list that I created using the Created a Numbered List or Create a Bulleted List on the toolbar.
This is the html code for the correct font (10pt):
<ol>
<li class="p">this is the (none) style when I use the numbering button
on the toolbar (which is inline formatting)</li>
<li class="p">this is the (none) style when I use the numbering button
on the toolbar (which is inline formatting)</li>
<li class="p">this is the (none) style when I use the numbering button
on the toolbar (which is inline formatting)</li>
</ol>
Both styles list show the correct custom styles I created for numbered lists, though. Below is the code (correct font):
<ol>
<li class="p-ProcedureSteps"><p class="ProcedureSteps">this is from
my custom numbered style and looks correct</p></li>
</ol>
What's strange is, if I create a list and highlight it, then click the Apply Numbered List button in the toolbar, the numbers and text font size changes to 8 point and my Normal font is 10 pt, and both style lists show (none). That's what I wanted to figure out in my original post. I opened up the stylesheet and I don't see where that's applied. In Flare, you can easily see in a table how the styles are formatted, down to each class.
This is the code for the incorrect font (8pt):
<ol type="1">
<li>why is this 8pt?</li>
<li>why is this 8pt?</li>
<li>why is this 8pt?</li>
</ol>
Below is a screenshot.
Maybe someone can figure this out. Thanks!
Gina

Changing fonts - style sheets

In firefox I am able to set the default font and size in prefs.
How can I do ths with safari?
Also I tried to add a style sheet in advanced prefs - but it did nothing... What should the style sheet content say to just set the default font to Ariel 16?

How to set default font in Safari: Apple Support Communities

"@font-face" problem only with firefox. I have attached a style sheet while i was embedding my personal fonts into a website, but Firefox won't load them. Why?

I was hand coding my new website. This time i was trying to embed some personal fonts into my website, so i used a style sheet to embed which is coded like
"@font-face {
font-family:Sofia;
src:url(../fonts/Sofia-Regular.otf);
All the font work fine in the root folder of my site. But whenever i am creating dreamweaver templates and using them on pages which are in different folders but in the same root directory, the fonts are set back to default font. This problem is only with Firefox. Chrome, IE, Opera etc. works fine. Please Help!

i run into the same problem the last days.
using bootstrap and the fontawesome iconfonts.
everythings fine with chrome an ie, but no fonticons with firefox...
found alot of solutions, but none of them worked.
then, using the webdeveloper console (i used firebug all the time before) i see the error why the webfont was not loaded:
[14:18:36.161] GET http://www.example.com/font/fontawesome-webfont.ttf?v=3.2.0 [HTTP/1.1 401 Authorization Required 21ms]
yes, the site is behind a '''htaccess''' login.
first load after login is => everything ok!
after following an internal link => no webfonts!
after disabeling the htaccess login, everything works fine!
but that can only be a workaround!
why firefox didnt recognize the login/authorization like chrome does?!
what todo if you have your site behind htaccess and want to use webfonts?!

Problems with a style sheet in InDesign CS3

Hello everyone. I was wondering if anyone had any clue as to what the holy heck is happening to me.
I am attempting to standardize our documents and use style sheets--hey, what a concept, right? So I'm going through a recently completed document and grabbing text and using that to create paragraph style sheets and character based style sheets.
With one paragraph style sheet, the text is set to Janson Text Lt Stnd 55 Roman. However, when you apply the style sheet to a paragraph, the first word sets to a missing font. The rest of the paragraph is OK. It's only the first word. The paragraph style sheet does not have a "+" next to it. Highlighting the individual word and reapplying the paragraph style sheet does not change this.
I went to the character style palette, thinking that there was an override. Nope, the character style was set to "None." I clicked on "Override" to apply the paragraph style, and again, the first word is stubbornly refusing to change.
What gives? I am stumped!
Best,
Chryss

Styles based on Basic paragraph are a nightmare because every document starts with a basic paragraph style, and there's no guarantee that it will be the same from document to document. When you import styles based on Basic Paragraph from some other document, different attributes will be overridden depending on what is the same, and what is different.
The best way to deal with this is to either import the basic paragraph stle along with everything else, or put all the docs in one book file and pick one to use as the master, then synchronize the styles.
It sounds like your first word problem could be an applied character style, though, or less likely, a nested style.
Peter

Is it possible to change the color of a layer of a Customs CSS from an External Style sheet?

Hi,
I have sucessfully link External .css file to my HTML page and able to change the font size of the headlines and the paragraph.
What I am not able to do is to ADD the color my Custom CSS from the External sheet. I have difined the color attribute as a 'Advance'
and gave it the same name "#bigwraper" that is has in my HTML file.
Attached is the color outline of my 'Blank Layout' with colors?
Thank you.
Dreamer101.1

Hi Murray,
I am building a web site on which the entire content would be changed at least daily. The website would have similar design to www.Helium.com
The page will have CCS layout boxes in which different content would be pasted.
To re-phrase my question: I want to know how to change the color of a layer from an external style sheet?
Because my home page 'Sidebar' and colors would be the same for all page, only the content of different pages would be different. If I want to change a color of my web side pages, I need to learn how to do it in one spot through an External Style Sheet.
I am amble to link my external style sheet and to change H1 tag and to give it different colors. But I was not sucess with change the color of a layer on which my content sits around.
I took out the color from my HTML page and gave the same name to the layer in my External Style Sheet with the same color.
Hope my question and the reason I was able to clarify.
cheers,
Dreamer101.1

FF 5 on mac is no longer displaying background images that are defined in style sheets. This has woeked correctly for years with older versions.

The problem occurs both in safe mode with all add-ons turned off and in normal mode with add-ons active. I see the missing images error on most sites using style sheets including Mozilla.

Make sure that you allow pages to choose their colors and that you haven't enabled High Contrast in the Accessibility settings.
* Firefox > Preferences > Content : Fonts & Colors > Colors : [X] "Allow pages to choose their own colors, instead of my selections above"
See also http://support.apple.com/kb/HT1343#odd10

Mapping style templates and properties to Actual Style Sheet Classes

I got this response to an email regarding creating a customized style sheet and thought others might find it useful following is my initial question and the response from David Phipps. If anyone else has input to this conversation please join in.
Initial question: I'm trying to create a highly customized style sheet and could use a matrix that maps the various properties to the styles that each property affects. I have had some success determining the specific styles that I would like to change but am unable to use the style mill with any efficacy to make those changes. We are attempting to create a single language style sheet with a unique color scheme that matches our branding. One big problem we have run into is that certain styles are called in multiple places with different backgrounds (i.e. breadcrumbText). Any help along these lines that you could provide would be greatly appreciated.
Response:The CSS style mapping is not terribly satisfying right now; many objects share common CSS styles, which means if you change one tiny thing the whole page changes. We don't have a matrix or spreadsheet or styleguide that lays out the page itself and defines the styles used in each point. However, the stylesheet mill should work for you, and it's possible that what you have going on is a problem with your mill or an incomplete copy of what it generates.
There are 18 styles in the portal currently; you can actually create new styles and populate them, which sounds like the option you are interested in. The mill is just an ANT script that uses the template files in the templates directory and combines them with the property files in the prop-color and prop-text directories.
The prop-text files are per language (10 languages); if you check you'll see the values are all the same right now; the idea is you could change the font names or sizes per-language if you wanted to.
The prop-color files are per style (18 styles). If you want a new set of property values for, say, style 19, you'd add a file called color.19.properties, and the mill would pick that up and generate 190 files (19 styles x 10 languages). It would then add a new line to community-themes.txt, which has a name of each style for each language, based on data it picked up from your new color.19.properties file.
The real secret is that you only add color style elements you want to override. If you want a specific set of styles to always be available, just add them directly to the appropriate template file (in your case, the portal50.template file) without using the @variable@ in place of actual values. Then you're just adding new style overrides that apply everywhere.
Finally, you can add arbitrary new properties to your new prtoperties file and use those in the template:
in portal50.template:
..actionbarPortletBg {background-color: @personal.and.interesting.setting@;}
in color.19.properties:
personal.and.interesting.setting=#ff9900
So the CSS mill is just a glorified text replacement tool.
Remember that the CSS mill works this way:
- Run make_all.bat if you're not sure and want to insure you've remilled everything, otherwise use make_community_css.bat or make_menu.bat to remill only community styles or those for the jsportalmenus dropdown, respectively.
- The resulting files are created in ptimages/tools/cssmill/css
- You have to copy the resulting files by hand to the imageserver CSS location, which is
ptimages/imageserver/plumtree/common/public/css
- You have to forcibly stop and restart your imageserver, be it Apache, Tomcat, IIS, Websphere or whatever; no matter what anyone says the new content won't show up reliably until you restart your imageserver.
You probably know all this and your real problem is the CSS is not specific enough, that is, you can't get individual items to change like you want. We have been working on this, and the new version of the portal will have much more addressable CSS styles, including the ability to specify styles for individual navigation elements, individual pages, and individual portlets. This basically meant rewriting the HTML we generate, of course.
Since you can override and rewrite chunks of our HTML as well using View Overrides, if you're in a jam we can walk you through how to rewrite specific bits of the UI that are causing you trouble - for instance, the code that generates the breadcrumbs itself.
David Phipps
Senior Engineering Manager
Plumtree Software

One way to do this is to give the <body> tag an ID. In a template, you need to make the ID attribute of the <body> tag editable.
You would then have something like this in your style sheet:
#home.oneColFixCtrHdr #container #navigation li,
#services.oneColFixCtrHdr #container #navigation li,
#about.oneColFixCtrHdr #container #navigation li,
#contact.oneColFixCtrHdr #container #navigation li,
#testimonials.oneColFixCtrHdr #container #navigation li,
#links.oneColFixCtrHdr #container #navigation li
background-color:
#66ccFF;
border-bottom-width: 1px;
border-bottom-style:
solid;
border-bottom-color: #FFFFFF;

Style sheet changing when applied to text within a table

Hi everyone,
I'm using ID CS2.
I've defined a paragraph style sheet with the regular weight of a certain typeface, however when I apply this style to text within a table, the typeface changes to the bold version of the font even though the regular version is specified in the style.
Does anyone know if this is a known issue with styles being applied to tables or is it a sign of a corrupt file or something? Is there a fix?
Thanks

Is there a character style applied to the table or text in the table. I had many issues with this over-riding my paragraph style.

What do I have to do to get WebHelp browser styles to match RH's style sheet?

What do I have to do to get WebHelp browser styles to match RH's style sheet?
In the PDF rendering, the styles conform to the .css styles, but the generated WebHelp in the browsers (Firefox and IE) does not.
I've check all the generated project's topic folders for the correct .css, and they're there. I also put a copy of the .css in the project's root folder as someone suggested, but that doesn't work.
I'm using RH 10, and I'm certainly no expert at it or HTML. Forgive me if I've done something stupid or not done something I should have.
Thanks.
B.

Willam,
No. Every style but on in the style sheet that I created is mapped correctly to the project. All style settings except margins and font appear correctly in the webHelp. Also, if generated as a PDF or as .chm help, ALL styles render correctly. They just don't appear correctly for WebHelp (haven't tried any of the other HTML-realated project formats.)
This appears to be a problem with the default font, which apparently cannot be changed in RH.
Unless there's some sort of work-around, it appears that my problem is that I didn't map the source FrameMaker "normal" font to a font style OTHER THAN the default style, and under a different name, when I imported the FM file. I made the unwarranted assumptions that the RH default font would be whatever was the default font in FM, and if it wasn't, I could change it.
I've looked all over the "communities" and Adobe help, but I can't find anywhere where the default font can be changed after a project is created.
Thanks for keeping with me on this.

Style sheet changes not appearing in RH10

Hello all,
Searching for an answer before I posted, I saw this question from a member named Pam about RH11 posted almost a year ago, but I don't see an answer. I'm hoping there is an answer!
After many years of working in RoboHelp and carrying on with inline styles, I'm now looking into changing over to style sheets. I've been tinkering with them in some test projects, and I'm having the same problem that Pam did. The process of creating and applying a style sheet is simple, as far as I can tell, yet I can't get the style sheet formatting to appear. It's in the HTML--I see the .css specified, and there are only heading tags and so on present instead of inline stuff--yet the fonts I've selected appear neither in the Styles and Formatting pod nor in the Design view of the topic. I searched Adobe for help and found this: ROBOHELP 10: Creating CSS for a Topic | Tech Comm Suite Highlights | Adobe TV. I did exactly the same steps, but my fonts and spacing do not change as they do in the video. They don't appear different, that is. When I go into the style sheet, my selections are in there; they're just not displayed on the screen. I compiled a chm file to see if by chance the changes might appear there, but no.
I tried this both with existing and new topics in a test copy of an existing project and with a brand new project created in RoboHelp that had none of my usual baggage. Any ideas?
Thanks,
Beth

When I opened your CSS it was written as below.
/*Created with Adobe RoboHelp 10.*/
@media only screen and (min-width: 1024px) and (max-width: 99999px){
h1 {
font-family: Arial;
font-size: 18pt;
x-next-class: ;
x-next-type: p;
@media only screen and (min-width: 1024px) and (max-width: 99999px){
p {
font-family: Arial;
That was because, as Amebr had picked up, you must have had Desktop setting in the media dropdown when you applied the style. The result is that if you are viewing in any less than 1024px, Arial will not be applied and you will get the browser default on the user's machine.
With media set to None, I defined h1 and p again using Rh's CSS editor and the following was appended.
h1 {
font-weight: bold;
font-size: 22pt;
margin-top: 14pt;
margin-bottom: 14pt;
margin-left: 0pt;
margin-right: 0pt;
page-break-after: avoid;
font-family: Arial;
x-next-class: ;
x-next-type: p;
p {
margin-top: 14pt;
margin-bottom: 14pt;
margin-left: 0pt;
margin-right: 0pt;
font-family: Arial;
Go back to your real project and define your styles with media set to None. Take a copy of the exising CSS first for safety. Delete any styles with media rules applied.
Create the styles by right clicking and using CSS Editor. Clean up by right clicking and using HTML Editor (the css will open in Rh and you can work on it as if in a text editor.
See www.grainge.org for RoboHelp and Authoring tips
@petergrainge

Using a style sheet with hbj:link

Hi guys,
I'm looking for a way to use a style sheet that I've created in my jsp with an hbj:link tag. Here's my style sheet:
<STYLE type="text/css">
a.button
a.button:active, a.button:focus, a.button:hover
</STYLE>
Here's my link:
<hbj:link
     id="<%=linkId%>"
     text="Sign Me Up"
     tooltip="<%=toolTip%>"
     onClick="signupLinkClick"
     linkDesign="REPORTING"
     >
</hbj:link>
I've tried wrapping an <a href="#" class="button"> tag around the hbj:link tag, but that didn't work. Any ideas?
Thanks!
-Stephen Spalding
Web Developer
Graybar

Hi,
there is a possibility to change the default style, but is not really clean. The browser when rendering a tag uses the last defined style for this tag. So you can redefine it. I used it in a DynPage, it worked ok.
First run the iview with standard style (normally). Look into the sourc of the page and find your "Sign Me Up" link. Check the class of the <a> tag. For instance it is a "urLnk".
Now just modify your style definition:
<STYLE type="text/css">
urLnk.button {
padding: 2px 10px 3px 10px;
border: 2px outset #cccccc;
background: #C0C0C0;
color: #000;
font-size: 11px;
text-decoration: none;
height: 19px;
vertical-align: bottom;
urLnk.button:active, a.button:focus, a.button:hover {
border: 2px inset #c0c0c0;
vertical-align: middle;
background: #cccccc;
color: #000000;
text-decoration: none;
</STYLE>
and so on...
Hope this helps,
Romano

Css layout or style sheet not showing table layout

When I was working on my website I noticed that my tables don't show up in the browser of my site, they do however, show up in the dreamweaver design so I am wondering if when I was making changes somehow to the site if something in the css layout or style sheet got deleted. Could someone please take a look at it and please tell me what needs to be fixed, I am not at all familiar with css so I need all the help I can get on this here is the link. Thank you! http://angelcoilbartlett.com/index.html

In your HTML document in Code View, remove the following embedded CSS code. This is competing with external style sheet code and causing your site havoc. In the future, don't create any more new styles. You don't need them. Stick with the established styles set up by the original designer and you will have way fewer problems.
DELETE ALL OF THIS NONSENSE:
<style type="text/CSS>

</style>
If you want to continue working with web pages, you owe it to yourself and your employer to learn basic HTML and CSS so you can get yourself out of jam when things go wrong.
Start learning here: HTML & CSS Tutorials - http://w3schools.com/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Error parsing style sheet

I'm attempting to use an external css. My app is finding the
style sheet okay, but then I get this error: "error parsing style
sheet"
Here s the simple style sheet:
Panel {
shadowDirection: right;
borderThicknessLeft: 0;
borderThicknessRight: 0;
borderThicknessTop: 0;
Here's how I call it:
<mx:Style source="bin/assets/LifePrepStyle.css"/>
Thanks for your help!
Steve

Give us a link to the page, please.
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
==================
"Lottie74" <[email protected]> wrote in
message
news:g6ptbg$s7g$[email protected]..
>I am a print designer and produced a website without
scripting knowledge in
> GoLive and exported it to Dreamweaver. When I checked
for compatability it
> said
> I had an error parsing style on lines 11, 18, 22, 23 and
they are
> affecting
> IE6. Can anyone help as I don't have a clue about
scripting!
>
> 11 @font-face { }
> 12 a:link { color: #fff; text-decoration: none; }
> 13 element { color: #808080; text-decoration: none; }
> 14 a:hover { color: #808080; text-decoration: none; }
> 15 a:visited { color: #b1cdde; text-decoration: none; }
> 16 element { color: #808080; text-decoration: none; }
> 17 a:link { color: #b1cdde; text-decoration: none; }
> 18 @font-face { }
> 19 element { color: #808080; text-decoration: none; }
> 20 .class { color: #808080; text-decoration: none; }
> 21 .class1 { color: #808080; text-decoration: none; }
> 22 @font-face{ font-family: arial; font-size: 1pt; }
> 23 @font-face{ font-size: 9pt; }
Text
>
> many thanks
>
> @font-face { }
> a:link { color: #fff; text-decoration: none; }
> element { color: #808080; text-decoration: none; }
> a:hover { color: #808080; text-decoration: none; }
> a:visited { color: #b1cdde; text-decoration: none; }
> element { color: #808080; text-decoration: none; }
> a:link { color: #b1cdde; text-decoration: none; }
> @font-face { }
> element { color: #808080; text-decoration: none; }
> .class { color: #808080; text-decoration: none; }
> .class1 { color: #808080; text-decoration: none; }
> @font-face{ font-family: arial; font-size: 1pt; }
> @font-face{ font-size: 9pt; }
>

Font in Style sheet

Similar Messages

Maybe you are looking for