Page 1 of 1

Transparent box and Segoe Font

Posted: Thu Jun 06, 2013 8:00 am
by simonmlewis

Code: Select all

.mainbodyboxgreen
{
background-color: rgba(170, 215, 0, 0.7);
text-align: left; 
padding: 20px;
font-family: "Segoe UI", Arial;
}
Hi.
I've just realised this doesn't work in my DIV - the background colour doesn't show at all in IE9 (only Firefox) and the Segoe UI font doesn't show at all, even tho it's on my machine.

Why is this?

Re: Transparent box and Segoe Font

Posted: Thu Jun 06, 2013 9:22 am
by Christopher
For background-color, try:
simonmlewis wrote:

Code: Select all

background-color: rgb(170, 215, 0);
background-color: rgba(170, 215, 0, 0.7);
The Segoe UI font doesn't show because it is not supported by you browser. You will need to load it manually if you require that font.

Re: Transparent box and Segoe Font

Posted: Thu Jun 06, 2013 9:25 am
by simonmlewis
That just gives me an empty box with no background.
It's most bizarre that the official Microsoft font isn't recognised by Microsoft software by default!!

Re: Transparent box and Segoe Font

Posted: Fri Jun 07, 2013 1:24 pm
by Weirdan
Works for me in IE10 (and in IE9 mode): http://jsfiddle.net/u8fjf/
Does the url above work for you?

Re: Transparent box and Segoe Font

Posted: Fri Jun 07, 2013 1:30 pm
by simonmlewis
That doesn't load in IE9 at all. Only shows "initializing the awesome". The two panes I get in Firefox do not load at all in IE9.

Re: Transparent box and Segoe Font

Posted: Fri Jun 07, 2013 2:01 pm
by simonmlewis

Code: Select all

<style>
.mainbodyboxgreen
{
background-color: rgba(170, 215, 0, 0.7);
text-align: left; 
padding: 20px;
color: #000000;
font-family: "Segoe UI", Arial;
}

.blackbox
{
background-color: #000000;
padding: 10px;
color: #ffffff;
}
</style>

<div class='blackbox'>
hi
<div class="mainbodyboxgreen">asdfasdF</div>

</div>
Even this on its own in IE9 fails. I just get a black box with text.

Re: Transparent box and Segoe Font

Posted: Fri Jun 07, 2013 4:05 pm
by pickle
Christopher wrote:The Segoe UI font doesn't show because it is not supported by you browser. You will need to load it manually if you require that font.
I've never heard of a font not being supported by a browser.

Re: Transparent box and Segoe Font

Posted: Fri Jun 07, 2013 4:08 pm
by simonmlewis
That's my issue. In Firefox it DOES load. In IE9 it doesnt.
So I have these two issues with apparently should be fine in IE9, but are not.