CSS font stacks, developer FAQs & web standards
This page is part of a searchable archive of the Code Style site log. Technical implementation notes that shed light on when, why and how the site has evolved since 2000.
Follow the latest entries to the site log.
Added em length values to the Flash logo class, .FlashLogo to size it proportionally to the default browser text size in supporting browsers.
.FlashLogo{
float: right;
border: none;
margin: 1% 2%;
/*
percent lengths operate on canvass
size, so height is different from
width! These settings "work" at
multiple resolutions, but need
testing.
width: 12%;
height: 19.5%;
*/
/*
em lengths map with font size and
are equal in width and height.
*/
width: 7em;
height: 7em;
}
Created a new Site log contents page and added a link to it and valign="top" attributes to the cells in the archive links table in the site log section.
Actions: Ask a question about this post, seek clarification or offer a correction.
Completed the second update to the figures and introductory text for the Windows font survey results and updated all relevant index pages accordingly. Also added a range of standard OS X fonts to the Mac font sampler page and stylesheet, Sampler.css and renamed the font references to Heisei Kaku Gothic and Heisei Mincho. Sampled and added an image of the Mac font Papyrus.
Actions: Ask a question about this post, seek clarification or offer a correction.
Made minor corrections to the nesting of label and br markup in the standard article feedback form include file.
Actions: Ask a question about this post, seek clarification or offer a correction.
Added top and left declarations to the #Sidebar selector in the alternate stylesheet, CSAlternate.css to position it correctly.
/*
Sidebar scrolls with the page,
not supported by IE5.5 and below.
*/
#Sidebar{
position: fixed;
width: 14%;
top: 25%;
left: 0.5%;
color: #000;
background: #C9C;
margin-top: 1%;
margin-left: 0;
padding-left: 2%;
border-style: solid;
border-width: 1px;
border-color: #FCF #969 #636 #969;
}
Also changed padding to just padding-bottom for the #Footbar selector in the standard stylesheet, CSStandardImport.css, and made border-width on form elements 1px, mainly for Mozilla.
#Footbar{
clear: both;
color: #FFF;
background: #039;
border-top-color: #99C;
border-bottom-color: #006;
border-style: solid;
border-width: 2px 0px;
margin-top: 1em;
padding-bottom: 0.1em;
text-align: center;
font-family: arial, sans-serif;
}
Made minor changes to the element indenting for all standard form include files.
Actions: Ask a question about this post, seek clarification or offer a correction.
Corrected the link to the W3C markup validator in the standard error footer include file.
Actions: Ask a question about this post, seek clarification or offer a correction.
Sampled and added an image of the Unix font Utopia to the Unix family font sampler.
Actions: Ask a question about this post, seek clarification or offer a correction.
Added a range of font image samples to the Mac font sampler and Unix family font sampler pages:
Actions: Ask a question about this post, seek clarification or offer a correction.
Added Monotype.com font image to the Windows font sampler and Windows font survey results pages and corrected some bad fragment anchors.
Actions: Ask a question about this post, seek clarification or offer a correction.
Extended research and write-up for CSS2 media stylesheet test pages with results for Opera 3.62 with all, aural, braille, embossed, handheld, screen, tty, and tv media style rules. Also refined the right-aligned box-out style rules for all necessary stylesheets to add an At a glance panel to the home page.
Created a summary Code Style site statistics page with top requests, top referrers and top host domains for general interest and included this in the Code Style section contents page. Added Dublin Core DC.Description.Abstract meta elements to this and the site home page and updated the What's new page accordingly.
Actions: Ask a question about this post, seek clarification or offer a correction.
Corrected the generic Dublin Core DC.Creator meta element, which was incorrectly declared as DC.Author.
Actions: Ask a question about this post, seek clarification or offer a correction.
Created a third sub-version of the FontSampler servlet to present the text and image samples with the standard Code Style wide stylesheet by adding a new customisable stylesheet and meta keywords method to the ServletUtilities class. Stripped out the redundant rules in Sampler.css.
Actions: Ask a question about this post, seek clarification or offer a correction.
Find technical implementation notes on all aspects of the Code Style site.
For a summary overview, see the annotated site log contents.
