Search…

X3 Photo Gallery Support Forums

Search…
 
pjmbi
Topic Author
Posts: 4
Joined: 10 May 2009, 14:17

readable sans font family - any suggestions?

14 May 2009, 07:06

I've configged the css file in the default folder however haven't come with much sofar. Need something that sets it apart yet readable when incorporaated in flash. I was wondering if some of the imagevuex buffs have any suggestions..


<----------this is what I have sofar; -------------->


/* Imagevue CSS Document */

/* Supported styles for Flash:
font-family - A comma-separated list of fonts to use, in descending order of desirability. Any font family name can be used.
font-size - Only the numeric part of the value is used; units (px, pt) are not parsed; pixels and points are equivalent.
font-weight - Recognized values are normal and bold.
font-style - Recognized values are normal and italic.
color - Only hexadecimal color values are supported. Named colors (like blue) are not supported.
text-decoration - Recognized values are none and underline.
text-align - Recognized values are left, center, and right.
margin-left - Only the numeric part of the value is used. Units (px, pt) are not parsed; pixels and points are equivalent.
margin-right - Only the numeric part of the value is used. Units (px, pt) are not parsed; pixels and points are equivalent.
text-indent - Only the numeric part of the value is used. Units (px, pt) are not parsed; pixels and points are equivalent.
display - Supported values are inline, block, and none.
leading - Space after end of line
*/

/* Guidelines:
- Allways use # in front of colors
*/

body {
font-size: 14px;
font-family: GillSans, Calibri, Trebuchet, sans-serif;
color: #FFFFFF;
}
a:link {
color: #2B9898;
}
a:hover {
text-decoration: underline;
}
.mainmenu {
color: #FFFFFF;
font-size: 14px;
}
.mainmenu_menubutton {
font-style: bold;
}
.mainmenu_node {
font-family: GillSans, Calibri, Trebuchet, sans-serif;
color: #2B9898;
font-size:17px;
}
.mainmenu_title {
font-size: 14px;
}
.mainmenu_amount{
color: #FFFFFF;
}
.mainmenu_textPage{
color: #2B9898;
}
.mainmenu_link{
font-style: italic;
color: #2B9898;
}
.mainmenu_filemod{
color: #2B9898;
}
.mainmenu_hasFiles{
}
.mainmenu_hasFolders{
color: #FFFFFF;
}
.folderdescription_title{
font-size: 14px;
color: #2B9898;
leading: 2px;
}
.folderdescription_amount{
font-size: 14px;
color: #FFFFFF;
}
.folderdescription_date{
leading: 5px;
color: #FFFFFF;
}
.folderdescription_description{
color: #FFFFFF;
}
.thumbnails{
color: #FFFFFF;
}
.thumbnails_breadcrumbs{
color: #FFFFFF;
leading: 1;
}
.thumbnails_title{
font-size: 18px;
color: #2B9898;
leading: 1;
}
.thumbnails_description{
}
.thumbnails_page{
font-size: 12px;
}
.tooltip{
font-size: 14px;
}
.tooltip_title{
font-size: 14px;
color: #2B9898;
leading: 2px;
}
.tooltip_description{
}
.tooltip_name{
}
.tooltip_date{
}
.maincontrols {
color: #FFFFFF;
font-size: 12px;
font-style: italic;
}
.text_1 {
font-size: 12px;
font-weight: normal;
letter-spacing: 0px;
}
.text_1_imageindex {
}
.text_1_title {
font-size: 18px;
color: #2B9898;
leading:1;
}
.text_1_filename {
}
.text_1_dimensions {
}
.text_1_filesize {
}
.text_1_date {
}
.text_1_exif {
}
.text_1_description {
}
.text_1_folderdescription {
}
.text_1_filelink {
}
.text_1_download {
}
.text_1_folderpath{
}
.text_1_foldername{
}
.text_1_abslink{
}
.text_1_custom{
}
.text_1_link{
}
.text_1_purchase{
}
.text_2 {
font-size: 12px;
font-weight: normal;
color: #FFFFFF;
leading: 2px;
text-align: right;
}
.text_2_imageindex {
}
.text_2_title {
}
.text_2_filename {
}
.text_2_dimensions {
}
.text_2_filesize {
}
.text_2_date {
}
.text_2_exif {
}
.text_2_description {
}
.text_2_folderdescription {
}
.text_2_filelink {
}
.text_2_download {
}
.text_2_folderpath{
}
.text_2_foldername{
}
.text_2_abslink{
}
.text_2_custom{
}
.text_2_link{
}
.text_2_purchase{
}
.exif_name {
color: #555555;
}
.exif_value {
}
/* You can set specific styles to specific EXIF tags, like the 3 exampels below which target the EXIF "model" attribute */
.exif_model{
font-size: 14px;
font-weight: bold;
leading: 2;
}
.exif_name_model{
display: none;
}
.exif_value_model{
color: #2B9898;
}
.textpage{
font-size: 14px;
}
.textpage_title{
font-size: 30px;
leading: 8px;
color: #E6E6E6;
font-style: normal;
}
.textpage_body{
}
.textpage_form{
font-size: 12;
}
.textpage_forminput{
/* You need to specify all required styles in this class because they are not inherited from the main textpage class because of restrictions with input fields in flash.
Please use 0x color formatting instead of #
font-family onyl supports a single font value. Make sure its a font that is globally supported*/
color: 0xFFFFFF;
font-size: 15;
font-family: Trebuchet;
}
.textpage_forminputback{
/* This specific class only supports the color style. Please use 0x color formatting instead of # */
color: 0x333333;
}
.filemod {
color: #FFFFFF;
}
.filemod_title {
font-size: 22px;
}
.filemod_description {
}
.imagebuttons_help {
font-style: italic;
}
.audioplayer {
color: #FFFFFF;
}
.audioplayer_main {
}
.audioplayer_id3 {
}
.audioplayer_id3_first {
color: #2B9898;
font-size: 14px;
font-style: italic;
}
.audioplayer_tracklist {
font-family: GillSans, Calibri, Trebuchet;
font-size: 12px;
}
.text_items {
font-family: GillSans, Calibri, Trebuchet, sans-serif
font-size: 12px;
color: #FFFFFF;
}
.unsupported_items {
font-family: GillSans, Calibri, Trebuchet, sans-serif
font-size: 12px;
color: #FFFFFF;
}
.unsupported_items_heading {
font-family: Candara, Georgia, "Times New Roman", Times, serif;
font-size: 16px;
color: #2B9898;
}
.unsupported_items_content {
}
 
User avatar
mjau-mjau
X3 Wizard
Posts: 14452
Joined: 30 Sep 2006, 03:37

14 May 2009, 22:36

You mean you are looking for a good sans serif font to use instead of the default "Candara"? Candara looks great on windows Vista, but unfortunately it doesn't look that nice on Mac and XP, and more than often it doesn't even exist on those platforms.

Fonts look different between platforms, and since there aren't really that many widely-supported fonts, the list is very generic: Tahoma, Trebuchet, Arial, Verdana ... not very exciting. Perhaps someone else has more insight?

You could of course use a custom font like Helvetica or Gillsans, but you will need backup fonts in the family, as they are widely unsupported.