A Little Help from my Friends, or Unleashing the Mysteries of Embedded Fonts

This has been a week of discoveries. With Josh’s help, I finally was able to embed a font successively. I had been trying to use Google Fonts, but what Josh and I discovered is that you can’t download those fonts to your computer which means you can’t embed them simply into the CSS sheet. So I went online, found a free version of Alice Font and downloaded it onto my computer. From there you insert the following code into your CSS Sheet:

@font-face {

font-family: myalice;     *Note you make up the name of the font-family

src: url url(alice/Alice-Regular.ttf);     * The highlighted section is the name of downloaded file

Then when you designate the font-family elsewhere in your CSS sheet you call it by the name you gave it, so in my case that would be “myalice.” Pretty simple – thank you so much Josh!

In looking over my type page I soon discovered some odd coding I swear I never put into my site (code-gremlins?) which was overriding background colors. Once that was deleted things started looking better. I played around with colors using Paletton and revised my colors on my site. This then led me to revise my column sizes and footnotes margins. Before long things began to improve. I’m still working on dividing the columns as Paula suggested. I found an interesting article on using columns that I’m hoping will help me make those changes: Practical Tips for Utilizing Columns of Text in Your Layouts.

The other thing I discovered this week is that the Lynda tutorial on Photoshop CC for Web Design is not using Photoshop CC 2015, which is what I have. This means that some of the interfaces are different and you can’t always follow the directions given. Luckily, Lynda has a tutorial called, Photoshop CC 2015 One-on-One: Fundamentals, which updates you on the differences. I highly recommend watching this short tutorial so you can keep up with the other lessons.

What I have learned this week is that you are never finished “improving” your website and that a little help from your friends is important to not losing your mind while designing.   So looking forward to playing with images!

I commented on Kate Miller’s page.

2 thoughts on “A Little Help from my Friends, or Unleashing the Mysteries of Embedded Fonts”

  1. Thanks so much! I was resorting to using similar texts thru Adobe. I’ll have to watch that Lynda video too! You’re just a wealth of information.

Leave a Reply

Your email address will not be published. Required fields are marked *