About this site's font

This site uses an embedded OpenType font (the Diamond and Pearl text font) which is achieved using CSS. It will work in Internet Explorer and more recent versions of Firefox. Here is the CSS code that embeds the font into my site's pages:

@font-face {
    font-family: "Power Clear";
    font-style:  normal;
    font-weight: regular;
    src: url(http://www.upokecenter.com/include/pdfont.eot);
    src: local('Power Clear'), 
            url('http://www.upokecenter.com/include/pdfont.svg#pd') format('svg'),
            url('http://www.upokecenter.com/include/pkmndp.ttf') format('truetype');
}

@font-face {
    font-family: "Power Clear";
    font-style:  normal;
    font-weight: bold;
    src: url(http://www.upokecenter.com/include/pdfontb.eot);
    src: local('Power Clear'),
      url('http://www.upokecenter.com/include/pdfontb.svg#pd') format('svg'),
      url('http://www.upokecenter.com/include/pkmndpb.ttf') format('truetype');
}

The "src" rule above refers to the location of the embedded OpenType font, in this case,
at:


http://upokecenter.com/include/pdfont.eot
http://upokecenter.com/include/pdfontb.eot


There are two versions, the normal weight and the bold weight.


To embed your own fonts, you should read this excellent page on Web font embedding:

http://snook.ca/archives/html_and_css/becoming-a-font-embedding-master