{"id":773,"date":"2014-04-13T15:22:13","date_gmt":"2014-04-13T20:22:13","guid":{"rendered":"https:\/\/encyclopaedia-fortuita.com\/?p=773"},"modified":"2024-03-31T07:54:38","modified_gmt":"2024-03-31T12:54:38","slug":"anglo-saxon-internet-fonts-and-keyboard-input","status":"publish","type":"post","link":"https:\/\/encyclopaedia-fortuita.com\/index.php\/2014\/04\/13\/anglo-saxon-internet-fonts-and-keyboard-input\/","title":{"rendered":"Anglo-Saxon Internet Fonts and Keyboard Input"},"content":{"rendered":"

Thanks to the dictionary project, I have to enter in a lot of Anglo-Saxon. This is rendered in Junicode on the site and, since Anglo-Saxon (or Old English, if you prefer) requires special characters, it can be very time consuming to enter it in one pasted character at a time. Since I am needing to redo the Anglo-Saxon sections of Johnson's \"History of the English Language\" (extremely daunting), I created this custom keyboard layout, which may be useful for others typing up Anglo-Saxon texts.<\/p>\n

The keyboard layout is Mac-only (I have only tested it in 10.9 - Mavericks), but the information on webfonts is system independent.<\/p>\n

Keyboard Layout<\/h3>\n

Requirements<\/b>: Junicode<\/a> font - I use the TTF on my desktop; the WOFF on my webserver (more on that below).<\/p>\n

Needed Files<\/b>: Anglo-Saxon-Keyboard.zip<\/a><\/p>\n

Installation Instructions<\/b>:<\/p>\n

    \n
  1. Unzip the file and copy the two files into your \/Library\/Keyboard Layouts<\/b> folder. Since this is a system folder, it should prompt you for your admin password.\n
  2. Log out (or restart) and log back in so that the system recognizes that a change has been made.\n
  3. Open up keyboard inputs through system preferences (on 10.9 this is under System Preferences -> Keyboard -> Input Sources<\/b>).\n
  4. Click the +<\/b> in the lower right-hand corner.\n
  5. Anglo-Saxon should be listed under \"Others.\" Highlight it and click \"Add.\" If it does not appear, attempt steps 1-3 again.\n

    The Layout<\/b>:<\/p>\n

    \"\"<\/p>\n

    \"\"<\/p>\n

    Webfonts<\/h3>\n

    Now that you have your keyboard input installed, it should be incredibly easy to type up Anglo-Saxon text. What if, however, you want to display this text on a website? Without Junicode the text looks strange and unreadable:<\/p>\n

    \"\"<\/p>\n

    You can ask that your website visitors all install Junicode, but a much easier and more dependable way to render the text on your site is simply to embed the font into your webpages yourself through webfonts.<\/p>\n

      \n
    1. Upload the font (in this example Junicode.woff) onto your webserver.\n
    2. In your .CSS file, include the following, making sure to replace FONT_LOCATION with the path to your font:
      @font-face {
      \nfont-family: Junicode;
      \nsrc: url(FONT_LOCATION\/Junicode.woff) format('woff');
      \n}
      \n<\/code><\/p>\n
    3. In the same file, create a class that uses the font. I name my class \"saxon:\"
      .saxon { font-family: Junicode; font-size:120%; line-height: 95% }
      \n<\/code> <\/p>\n
    4. In your HTML, simply reference this class when you want the text to be rendered in this specific font:
      <span class=\"saxon\">Saxon Text<\/span><\/code><\/ol>\n","protected":false},"excerpt":{"rendered":"

      Thanks to the dictionary project, I have to enter in a lot of Anglo-Saxon. This is rendered in Junicode on the site and, since Anglo-Saxon (or Old English, if you prefer) requires special characters, it can be very time consuming to enter it in one pasted character at a time. Since I am needing to … Continue reading Anglo-Saxon Internet Fonts and Keyboard Input<\/span> →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[59],"tags":[78],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/encyclopaedia-fortuita.com\/index.php\/wp-json\/wp\/v2\/posts\/773"}],"collection":[{"href":"https:\/\/encyclopaedia-fortuita.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/encyclopaedia-fortuita.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/encyclopaedia-fortuita.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/encyclopaedia-fortuita.com\/index.php\/wp-json\/wp\/v2\/comments?post=773"}],"version-history":[{"count":1,"href":"https:\/\/encyclopaedia-fortuita.com\/index.php\/wp-json\/wp\/v2\/posts\/773\/revisions"}],"predecessor-version":[{"id":780,"href":"https:\/\/encyclopaedia-fortuita.com\/index.php\/wp-json\/wp\/v2\/posts\/773\/revisions\/780"}],"wp:attachment":[{"href":"https:\/\/encyclopaedia-fortuita.com\/index.php\/wp-json\/wp\/v2\/media?parent=773"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/encyclopaedia-fortuita.com\/index.php\/wp-json\/wp\/v2\/categories?post=773"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/encyclopaedia-fortuita.com\/index.php\/wp-json\/wp\/v2\/tags?post=773"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}