Jdeveloper more font family CSS

Hi I need to use more fonts than the css has by default (jdev 11.1.2.3.0)
look image
http://img33.imageshack.us/img33/2567/7fuy.png

Hi,
just type it in. The CSS file is an ASCII file and you can type in any font you want. Note that CSS2 as used in JDeveloper 11g R1 and R2 does not support embedded fonts. However, if the font is understood on teh client you should be able to use it in yur skins
Frank

Similar Messages

[Solved] css setting font family, ff3 vs ie7

In my css, I've set 'font-family: sans;' in body { }, and in ff3 on my Arch laptop, it displays correctlly. In ie7 on my wifes vista laptop, it still reverts back to w/e serif font it uses if it can't find one set by the web page. I have no idea why this is happening, and I can't seem to fix it. Can anyone give me a hand?
Last edited by Sjoden (2009-01-04 03:07:09)

Agh, well, I looked at thayer's blog to see if that worked in both browsers and it did, so I checked to see how he had his fonts set up.
font-family: Arial, DejaVu Sans, sans-serif;
The closest I got to that was 'font-family: Arial, DejaVu, sans;'

Firefox 4 no longer displays "Arial Black" as a font-family in CSS.

Example line in CSS: font-family: "Arial Black",Gadget,sans-serif; after upgrading to FF4 no longer displays as Arial Black now it displays as Arial.

You need to add font-weight:900 to make Firefox use Arial Black
*[https://bugzilla.mozilla.org/show_bug.cgi?id=644385 bug 644385] – Arial Narrow, Arial Black fonts do not show on page (comment 8)

How do I get more font styles in css please

How to I find different fonts when selecting "font-family" or is that it?
Thanks

You can use absolutely any font you like.
Honstly, you can. Just type in the name in the font-family and it will show up (use ' ' around two word fonts).
The only problem is, if the viewer's computer doesn't have a font that you list in the font-family rule, it won't show. They'll see the second font in the rule, or third or fourth.
That is, unless you use the @font-face Rule in CSS3...
http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp
Then you can use any font available to you through places like google.com/fonts or fontsquirrel.com
You will always be stuck with that original limited handful of web-safe fonts for the old junk browsers people still use, but @font-face is very well supported in modern browsers.

Problem with font-family name

I have adobe Univers LT Std font purchased and installed on my PC, but there is a problem when I try to use it on the webpage. The font has otf format. I noticed that Chrome and FireFox use different font-family names for this font. FireFox 25.0 seems to use OT Family name (Univers LT Std) as a font-family value, and Chrome 30 uses PS font name (UniversLTStd). So I ended up writing my css like this:
p {
font-family: UniversLTStd, Univers LT Std;
Is there a way to avoid writing multiple family names for a single font to work in different browsers?
I've checked the font's attributes with FontLab Studio:
Basic set of font names:
Family name: Univers LT Std 55
PS font name: UniversLTStd
Full name: Univers LT Std 55 Roman
Menu name: Univers LT Std 55
FOND name: Univers LT Std 55
OpenType-specific names:
OT Family name: Univers LT Std
OT style name: 55 Roman
Mac name: Univers LT Std 55
But didn't find any universal name to use as a font-family.

Hello Ragu,
Newly created font family for FR is ZNGO (Similiar to Gothic font). I can see this font family via SE73.
If I execute the script for FR language output is porpor.
Now, we have added 2 more countries UK and Germany. So client wants ouput exactly in the same way as that of FR. So I am using ZNGO in paragraph formats. But output for FR an EN doses not contain this font family. I think when script is called in EN and DE language, somehow it does not detect ZNGO font family.
So my question is (again) whether font famliy is langauage dependent? If yes, then how to change/view languages for font family. is there any option in SE73 or any other transaction? If not, then why am i facing this problem?
Anup

How does Entertainment Weekly's site make this font family call?

The font I am referring to is the one on the two-line nav menu at the top of the page, beginning with "TV" on the first line, and ending with "Blogs" on the second. The same font also appears to be used in the "More from our partners" section that follows the movie listings at the bottom.
I'd like to know what font EW is using here, as it does not seem to be anything I have installed on my system. I'd also like to know how they're calling it (which line in the code is the one making this call?) so I can study it more closely.
Please note than I am specifically looking for how EW did it, and not alternate methods of calling the font that may be considered equally effective (first things first).
Thanks.

There seems to be some confusion to clear up : I can see jaf-bernini-sans-condensed without having it installed on my system. The EW website is serving it to me through the web somehow.
Not sure what exactly you are seeing on your system but the code to render fonts on your system is this:
@import url('http://fonts.googleapis.com/css?family=Francois+One');
Now the css that actually defines the fonts is this:
#primary-nav li.first-level > a {
z-index : 50;
line-height : 37px;
text-align : center;
display : block;
font-size : 20px;
font-family : jaf-bernino-sans-condensed, 'Francois One', arial, sans-serif;
font-weight : 500;
color : #fff;
If you don't have the first fonts defined then you are likely to get the second. Its picture is here:
Does this answer your question? If not please post a picture of what exactly you are seeing on your screen.

How do I use a variation of the font family OPEN SANS in Adobe Edge Web Font?

How do I use a variation of the font family OPEN SANS in Adobe Edge Web Font?
ex:
<scriptsrc="//use.edgefonts.net/open-sans-condensed:n3,i3,n7:all;open-sans:n3,i3,n4,i4,n6, i6,n7,i7,n8,i8:all.js">
How do I use the i3 variation in css?
My css looks like this: font: 16px 'open-sans-condensed';

Thank you.
But I want to use the [i3] variation font.
<scriptsrc="//use.edgefonts.net/open-sans-condensed:n3,i3,n7:all;open-sans:n3,i3,n4,i4,n6, i6,n7,i7,n8,i8:all.js">
Would look like?
CSS Selector {
font-family: open-sans-condensed:i3, sans-serif;
font-size: 16px;

More Fun With CSS - (omg its difficult)

First I want to say thank you to everyone that has been helping learn css and all the power that it has.
Now this is a two part question.
Part 1.
(div.header-shadow)
I have a div tag that I inserted a very important image into. The image includes som text that I thought I would be able to place hotspots over and make links out of them. Well you guessed it I am unable to place hotspots over the text on the image.
Part 2.
(div.about-column1 and div.about-column)
I have a second area that has two columns in it what I would like to do is make the two columns into a single column that uses all of the space but only for this one page. Well when I try to delete one column and extend the width of the remaining column the change takes place on every page that I have setup with the two column theme.
Now to make sure things are clear I am working from a prebuilt template and trying to make modifications to it so that it fits my needs.
and here is the css if needed
body {
    background-image: url(images/main-bg.jpg);
    background-repeat: repeat-x;
    background-color: #040404;
    margin: 0;
    padding: 0;
    font-size: 11px;
    color: #CCC;
    font-family: Arial, Helvetica, sans-serif;
img {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
#container {
    width: 1000px;
    margin: 0 auto;
.top-logo {
    height: 91px;
    padding: 0 0 0 27px;
    width: 263px;
    float: left;
    margin: 0 0 29px 0;
.header {
    height: 305px;
    width: 849px;
    margin: 0 0 0 76px;
    background-image: url(images/main_img.png);
    background-repeat: no-repeat;
    padding: 36px 0 0 0;
.header-corner {
    background-image: url(images/header-corner.gif);
    width: 11px;
    height: 269px;
    float: right;
.header-content {
    margin: 0px;
    padding: 29px 0 0 10px;
    float: left;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: center;
    width: 488px;
.header-shadow {
    background-image: url(images/header-shadow.gif);
    height: 39px;
    width: 849px;
.button-go {
    float: right;
    margin: 10px 0 0 0;
#content {
    margin: 0 0 30px 0;
    padding: 20px 20px 0 45px;
.about-column1 h1 {
    font-family: Headache;
    font-size: 28px;
    color: #FFF;
    font-weight: normal;
    letter-spacing: -1px;
    margin: 0 0 20px 0;
    padding: 0px;
.footer-content {
    width: 955px;
    margin: 0 auto;
    padding: 15px 0 0 45px;
.footer-copyright {
    float: left;
    padding: 13px 0 0 0;
.footer-icon {
    float: left;
.content-img {
    margin: 0 10px 20px 0;
    padding: 0px;
    width: 110px;
    float: left;
.footer-icon ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
.footer-icon li {
    margin: 0px;
    padding: 0 2px 0 0;
    display: inline;
.content-column {
    width: 270px;
    margin: 0 55px 0 0;
    float: left;
.content-column01 {
    width: 265px;
    margin: 0 0px 0 0;
    float: left;
.content-column h1 {
    font-family: Headache;
    font-size: 28px;
    color: #FFF;
    font-weight: normal;
    letter-spacing: -1px;
    margin: 0 0 20px 0;
    padding: 0px;
.content-column01 h1 {
    font-family: Headache;
    font-size: 28px;
    color: #FFF;
    font-weight: normal;
    letter-spacing: -1px;
    margin: 0 0 20px 0;
    padding: 0px;
.about-column {
    float: right;
    width: 418px;
.about-column h1 {
    font-family: Headache;
    font-size: 28px;
    color: #FFF;
    font-weight: normal;
    letter-spacing: -1px;
    margin: 0 0 20px 0;
    padding: 0px;
.about-column1 {
    float: left;
    width: 400px;
.about-column1 ul {
    list-style-type: none;
    margin: 0px;
    padding: 0;
    background-image: url(images/icon-arrow.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
.about-column1 li {
    background-image: url(images/icon-arrow.gif);
    background-repeat: no-repeat;
    background-position: left 5px;
    padding: 0 0 0 14px;
    line-height: 18px;
.about-pix {
    margin: 0 10px 0 0;
    padding: 0px;
    float: left;
    height: 134px;
    width: 241px;
.header-txt {
    background-image: url(images/header-bg.gif);
    height: 269px;
    background-repeat: repeat-x;
    margin: 0px 0 0 332px;
.clearboth {
    clear: both;
.top-nav {
    width: 595px;
    float: right;
    margin: 36px 0 0 0;
.top-nav ul {
    margin: 0px;
    padding: 0px;
.top-nav li {
    display: inline;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
.footer {
    background-image: url(images/footer-bg.gif);
    height: 95px;
.txt-link {
    font-family: Headache;
    font-size: 12px;
    font-weight: normal;
    color: #FFF;
h1 {
    font-family: Headache;
    font-size: 28px;
    color: #FFF;
    font-weight: normal;
    letter-spacing: -1px;
    margin: 0 0 20px 0;
    padding: 0px;
.contact-img {
    float: left;
    height: 137px;
    width: 140px;
    margin: 0 20px 0 0;
.txt-blank {
    color: #000;
.contact-column {
    float: left;
    width: 750px;
.contact-column ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
.form{
    padding: o;
    margin: 0;
div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
    width: 400px; /*width of form rows*/
    overflow: hidden;
    padding: 0;
    margin: 0;
    height: auto;
div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
    float: left;
    width: 80px;
    margin-right: 15px; /*spacing with right column*/
div.thefield ul {
    margin: 0px;
    padding: 0px;
div.thefield li {
    display: inline;
    list-style-type: none;
    margin: 0px;
    padding: 0 6px 0 0;
div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
    float: left;
    margin-bottom: 10px; /* space following the field */
div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
    width: 230px;
div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
    width: 229px;
    height: 100px;
div.fieldwrapper div.thebig textarea {
    width: 400px;
    height: 100px;
div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
    width: 379px;
    text-align: left;
.contact-column li {
    background-image: url(images/icon-arrow.gif);
    background-repeat: no-repeat;
    background-position: left 5px;
    padding: 0 0 0 14px;
    line-height: 18px;
Thanks for the help

Thanks i did not even pay attention to the fact that the img was in the background even though it says so right in the css, to close to the project. The style sheet was what I was thinking, but what I should have asked is "How do should the style sheet for what I want to do with the columns be written?" This is what I should have asked. I know I should start it with something like:
<style type="text/css">
    --------------------------and after this is where it gets fuzzy or nonexsistent--------------------------------------
because is it the div#container, or div#content, or the div.about-column1 or div.about-column that this style sheet is to be written for, I have no idea?
So if someone could show me how this style sheet should be written I would be greatful.

Setting font-family at Page level in xsl ???

Hi All,
I have a question regarding setting the attribute font-family at page level.
I can use this attribute at block level , Is it possible to use it at Page level ie (simple-page-master).
In simple terms use the same font across the page without having to declare it at each block in the page.
Thanks.

As Jorg stated, Group ACL settings are meant to control access at a page
level. As he also stated is possible to control access even further, but
with additional effort and difficulty. But, nearly every client wants this
done down to the component level and on a group by group basis. So, what
I've found, over the years that works is the following:
- Configure the available components per template type per parsys
- Further configure the available components at the group level
For the custom built components, you can remove them at the group level by
un-checking the 'read' ACL on the dialogs for the given component. You
don't want to un-check read for the whole component because then the users
of that group experience random 'holes' in the content. But, if you
un-check 'read' for the dialogs, then the component will not display in
Side-kick (at least on 5.4 and prior this is the case).
The only caveat to this is the OOB components. That is where you will run
into a lot more difficulty. Those should mostly be enabled/disabled at the
design level for the entire page/parsys.
Hope this helps.
Todd

Identifying Full Font Family Names from Acrobat "Properties"

I routinely update PDFs where the originator is unavailable to question about typography issues. The problem I'm having currently, and continue to have, is that Acrobat (on V8) identifies font names differently from say...the Adobe Store.
For instance, currently I'm editing a PDF that uses fonts from the "HelveticaNeue" family. I don't have this font, so if I go over to the Adobe store and try to find it, I get multiple types of "HelveticaNeue" font, and none of them are exactly what Acrobat provides as the name.
For instance:
Acrobat says: HelveticaNeue-Black
Adobe store offers:
Helvetica Neue Std Black
Helvetica Neue 93 Black
Helvetica Neue 95 Black
and so on and so forth
But NO "HelveticaNeue-Black" is in the list.
Neither the spelling of the Acrobat font family, or the actual full name seem to match anything in the Adobe store.
So, does anyone know a way to figure out exactly which font family Acrobat has in the PDF?
Thanks in advance.

Chris Souther asked:
"Does anyone know a way to figure out exactly which font family
Acrobat has in the PDF?"
PDF's may include individual fonts, not families. For the most part,
the font names shown are the actual font names. Or, more precisely,
the PS Font Names.
I'm looking at an older Type 1 font right now that has the following
names in its name table (or at least the ones I can see in FontLab):
Family Name: Helvetica Neue
Weight: Black
Style Name: Regular
PS Font Name: HelveticaNeue-Black
Full Name: Helvetica 95 Black
Menu Name: Helvetica 95
Fond Name: Helvetica 95
To prevent conflicts, Adobe did some name modification when they
created OpenType versions of fonts:
The OTF version of the same font shows:
Family Name: Helvetica 95 Black
Weight: Heavy
Style Name: Regular
PS Font Name: HelveticaNeue-Black
Full Name: Helvetica Neue 95 Black
Menu Name: Helvetica 95 Black
Fond Name: Helvetica 95 Black
It appears that either one of these might be the one used in your PDF
- and they should be interchangeable.
Just to confuse things further, the fontnames for embedded subsets may
be preceded by random 6-letter-and-a-plus-sign strings like HFTRDS+,
or in some cases where the PDF isn't produced by Adobe Acrobat,
TrueType fonts might have peculiar names like TT493875.
Note that with the exception of a small "webfonts' collection Adobe
has never produced Truetype fonts. If, as you indicated in another
gorup, you need to install these fonts, you need them in T1 or OpenType.
- Herb

Af:richtextEditor font-family- adding new font

I am using af:richTextEditor in a web page. The font-family drop down inside af:richTextEditor components contains some font.
I want to add some more font (e.g verdana,century etc) in that font-family drop down.
Is it possible to add some extra fonts in the richTextEditor font family.

hi,
In STYLES u have this ARIAL format available in both paragraph format and character format.
so no need to add again.

Is there a change in the way Firefox 4 displays fonts from CSS?

This site is coded using standard CSS and had Arial Narrow as first font choice for certain elements. In Firefox 4 / Windows 7 those instances are now defaulting to secondary font - Arial or to the default font Times Roman. EVERY other browser including past Firefox have displayed Arial Narrow properly - assuming the user has it in their system fonts - which is the vast majority of visitors. NEED a fix for this!

This worked for me:
font-family: Arial;
font-stretch: condensed;

Font family HELVE missing in adobe

Dear experts,
Th HELVE font family is currently being used in SAPscript which now needs to be converted to adobe form. The adobe designer does not have HELVETICA font. How I do I add that? I see some posts that the font file needs to be place in a directory. Any idea where we can get those font files from?
Any helpful answer will be suitably rewarded.
Thanks!
Veena

Thank you.
But I want to use the [i3] variation font.
<scriptsrc="//use.edgefonts.net/open-sans-condensed:n3,i3,n7:all;open-sans:n3,i3,n4,i4,n6, i6,n7,i7,n8,i8:all.js">
Would look like?
CSS Selector {
font-family: open-sans-condensed:i3, sans-serif;
font-size: 16px;

Load custom Font with CSS

Hi, Experts..
I have developed an bsp application , I want it to assign a custom FONT, that it not present into Client System. I have modified the CSS Style adding this code:
@font-face {
     Font-family: NameFont.ttf;
     Scr: url(./PATH _fonts);
.classHtml {
     Font-family:NameFont.ttf;
In this mode the font isnt loaded into web page. Link reference http://www.w3.org/TR/REC-CSS2/fonts.html#font-descriptions
If you provide me sample I would be thankful to you.

1st
Not sure if I'am right, but the extension must be left.
Try:
Font-family: NameFont
2nd
Try to use an URL, like "http://yourserver.com/path/font.ttf"

Value Error : font-family 14px is not a font-family value : italic 14px Arial,Helvetica,sans-serif

Hello,
This is supposedly the last error in my CSS according to CSS validation service at Jigsaw.w3.org. But I have not been able to figure out how to fix this. I just some times make text updates to my site, there is someone that actually runs our site but I do not have the $$$ to pay her to do everything.
Value Error : font-family 14px is not a font-family value : italic 14px Arial,Helvetica,sans-serif
That is the error, I just don't know how to fix it.
Thanks
My Computer:
OS: Windows 7 Home Premium 64 Bit
Processor: AMD Phenom II Quad Core Processer
Graphics Card: AMD Radeon HD 6450
RAM: 8.00 GB

If you are talking about www.lodgeonlakeclear.com you still have html errors that could be creating DW display issues.
On a "bad form, not technically an error note" the use of dozens of keyword metatags for individual keywords is completely unnecessary. All of the keywords should be in one tag separated by comas for the couple of search engines out there that still use them. NOTE: None of the major browsers (Google, Bing, Yahoo, etc) use the keywords meta any longer, it is completely ignored by them.
Looking through your code without the validator, I see a few other issues. Anywhere in your text where you use the & symbol, you need to switch it to & in the source code. Those, coupled with the following error can cause issues.
Line 237 you use a - (minus sign) instead of a = (equals sign) for id="current"
Run the validator again: http://validator.w3.org/
Once all 18 errors and 11 warnings are gone from your HTML, post back if it is still not showing up in DW.

Jdeveloper more font family CSS

Similar Messages

Maybe you are looking for