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.

Creating a “Type” Page

This week has been challenging as I worked to create my “Type” page. I was able to get far on my own, but on Friday several of us worked together to figure out the various issues we had been struggling with on our own.   Pearl, Josh, and I traded ideas and websites to complete our pages. I’m looking forward to feedback in class this week to see how close I’ve come to creating an attractive and effective website. Click on this link to view my “Type” page.

I commented on Danielle’s, and Josh.

A Font, a Font, My Kingdom for a Font!

This has been an interesting week as I thought about type. I did spend a bit of time playing with Google fonts that you can download and insert into your webpage for free. One of the nice things about this app is that they provide an indicator to let you know whether using that combination of fonts will slow down the load time on your webpage. I identified several fonts, but am currently happy with the ones I’ve chosen. We’ll see if Dr. Petrik agrees! The other issue is whether you need to create a family of fonts?  If I use a font like “Alice” do I need to pair it with other fonts to create a font family?

I began working on my “Type” page this week. The Lynda.com video quickly walked me through the way to create new pages and I began inserting my paragraphs. I easily added a new image and my pull quote. But then there is a long list of other items I still am considering or have questions concerning. What to do about those pesky endnotes? I reread Paula’s article on footnotes – but have to agree am a little confused by how the different styles would appear on the website. I googled some other sources and found instructions by Christopher Heng, the self-described “site wizard,” on how to create the simple <sup> styled endnote with links so the reader doesn’t have to scroll up and down. However, Paula noted in her paper that this can cause visualization issues as well as problems if you forget to add the return link. As I mentioned in class, I was really interested in the hide/show version endnotes that pops the information out right in the text. Type on Screen by Ellen Lupton provided another use of this technique this week and also included very cool cursor options that caught my attention. After a little googling I did find instructions by Will Master on how to insert hide/show code into my site, although I have to admit the code may be too complicated for me to handle! The other problem with this method is that a visitor would not be able to print out your citations unless you created a separate citation page. So much to think and consider . . . I see hours of my life disappearing over this one issue! I also am not sure what we’re required to do with leading, line length and a rule, but I’m figuring we’ll learn about that in class on Monday.

I forgot to link my comments!  I commented on Pearl and Josh

Typology and My Portfolio Page

This week I worked long and hard on my website. I watched the video, I conferred with coding websites, I wrote and rewrote code and yet I could not get my columns to do what I wanted. Eventually I realized the problem was the on my CSS sheet. You need to tell those pesky items where to go on the page. It was a revelation. The other thing I realized is that there is more than one way to place items so they appear to be in columns. I have not yet learned which is better, but I’m wondering if that will become more apparent when we make our sites compatible with mobile devices. Reading over the options when creating a page for mobile devices already has me thinking of what that might do to my simple, tidy page.

The other element that has caused me to go back and revise my site is typology! I worked on the site first and then read the articles, which this week, may have been a mistake. As I read about the magic of Georgia or Baskerville in Errol Morris’s article, I wondered if this could really be true. Are we really sublimely affected by the font we choose? It’s a terrifying thought that a font can make a professor decide to give a student a better grade! Although I am contemplating writing all my papers (dissertation?) in Georgia from here on out. When I read the chapters on type in Robin Williams, Non-Designers Design Book, I realized I really needed to revisit the type I had chosen on my website. Had I created a conflicted page? Had I used enough contrasts or the correct contrasts to create an effective page? So back to my website I went and I changed font, adjusted widths, and worked on colors. I think it’s a better page design now, but I’m still mulling over the type I’ve chosen and whether I should change it yet again.

The only problem I still have that I haven’t successfully solved is my FTP connection. Reclaim Client Portal says they have no record of client with my email, so I can’t log in or find the username/password I need. I found the email they sent me originally to sign in, but that is currently not working. So I’ve sent an email off to Reclaim Support and hopefully will have an answer soon!

Finally, I also found Alan Jacobs article on The Technology of a better Footnote very interesting. I agreed with his contentions that many of the current forms of footing noting in electronic books and articles can be distracting. I loved the Instapaper solution and wonder if there is a simple code work-around to create this in our own work. I actually thought that Instapaper was an interesting app and signed up for it as well. Considering the many articles we read online, it’s a great app to gather all those online sources in one place and make those great notes on the articles.

** Update on my Reclaim issues — I evidently linked the site not to my GMU or NVCC email, but to my own personal email account!  Too many email accounts to keep up with!!!  I must also give a shout out to the Reclaim folks.  They answered my email and solved all my issues within 5 minutes!  Reclaim Hosting is awesome.

I commented on Danielle’s Blog.

*** I was inspired by and commented on Jenna!  Here is a link to my Portfolio Page.