Intricacies of Typography

I remember in my high school graphic design class, we watched a video praising Helvetica and slamming Comic Sans and Papyrus. At first I was a little hurt because I liked Comic Sans. I used to look through every font in Microsoft Word trying to find one that displayed letters (especially “a” and “t”) the way that I wrote them and Comic Sans was the only one. But the more I became aware of type, the more I understood. I do believe Comic Sans has its place, however just very specific places. Typography is very powerful, especially when used correctly, and I find it fascinating.

Read more: Intricacies of Typography

From serifs vs sans-serifs, to weight, to leading and kerning, typography has a lot more going on than most people realize. Type needs to look good, it has to fit the vibe of the content, and it needs to be legible. Combining multiple fonts in one space can be even more challenging, making sure they are different enough to warrant using both, while having enough similarities for them to look cohesive.

It is important to remember leading and kerning when using type. Many times, I think the font I am using is not going to work because it looks scrunched, but utilizing those adjustments can make a huge difference in legibility.

I also find it interesting how quickly technology went from having limited fonts to seemingly endless, even being able to adjust so many variable ourselves through Wakamai Fondue. Even how typefaces can be designed specifically for the web or print. And that it all started with the introduction of the printing press.

Aside from simply conveying blocks of text, I also find it fascinating that type can be used to create images as well. I watched Paula Scher’s video in one of my classes last semester and have been thinking about ever since. It is 40 minutes long but absolutely worth the watch.

I am a history nerd and remember learning about the printing press growing up, however there is so much more to it than I previously thought. I used History.com’s Printing Press article as a refresher/reference and thought I would share some of its history.

The oldest known printed book, The Diamond Sutra, that has been discovered was found in China from the Tang Dynasty (around 868 A.D). It was printed using hand carved wooden blocks. While this was effective for mass printing the same book, the letters could not be arranged; this is when the printing press came in. While many believe the printing press was invented by Johannes Gutenburg in 1440, the oldest known moveable type was created by Bi Sheng around 1041. His clay-based press was mentioned in a book, Dream Pool Essays, written by Shen Kuo in 1086.

Gutenburg introduced metal-based letters, and introduced molds to mass produce more letter blocks. This made book printing, especially the Bible, take off in Europe during the Holy Roman Empire, eventually contributing to the split of the church. 21 copies of his Bible, in Gothic type, have survived to this day. While his original printing press and the design of it is lost, we do know what it had become by around 50 years later.

95% of web design is typography?!? Oh no! 😱

Okay, okay, I confess. I don’t have strong feelings for or against any typefaces. Over a decade ago, when a classmate asked our professor to be excused from using Helvetica because she hated it, I felt puzzled. “How do you grow to hate a font? What did the font do to you?” I wondered.

Continue reading “95% of web design is typography?!? Oh no! 😱”

Good Boy Fetches My Files, and Occasionally Loses Them!

Lately, I’ve been getting more into web design, and honestly, it’s been a mix of excitement, frustration, and way too much time spent tweaking tiny details. Typography, FTP, and building my portal page have been my main focus, and each has come with its own set of surprises.

Typography has been one of my favorite parts. I always knew fonts mattered, but I never realized how much they shape the entire feel of a website. Picking the right font isn’t just about aesthetics—it’s about making sure people can actually read what you’re putting out there. I also got way too into typography games (yes, they exist, and yes, they’re weirdly addictive). Who knew I’d be out here kerning letters for fun? But honestly, playing those games helped me understand how small adjustments can make a design look polished or completely off.

On the more technical side, I’ve been using Fetch as my FTP client to upload my work. It’s pretty satisfying to drag and drop files and see my updates go live. At first, it felt a little intimidating—like, one wrong move and everything could disappear—but once I got the hang of it, it wasn’t bad at all. The key lesson? Keep files organized. Because trust me, trying to find the right version of a file in a mess of randomly named folders is not fun.

And then, there’s my portal page: Samet Kaya – Portal Page. It’s the hub for everything I’m working on, and designing it was a fun challenge. I wanted to make sure it was simple, clear, and easy to navigate—because if people have to think too hard about where to click, they probably won’t click at all. I focused on keeping the layout clean and making sure the important stuff was easy to find. So far, I’m happy with it, but let’s be real—I’ll probably keep tweaking it forever.

Web design has definitely been a learning experience, but I love how it’s a mix of creativity and problem-solving. One day I’m picking fonts, the next I’m troubleshooting an upload issue, and somehow, it all comes together. Now, onto the next challenge (or maybe just another round of typography games).

Templates for beginners

while in class were doing our final rough drafts of the website of our choosing to create about a certain topic, mine is a lawyer website and a tool that helped me use HTML and CSS to create my page and now a helpful tool for me to reference new code or refresh on the basics.

CSS Navigation Bar (w3schools.com)

Here you can look up what you’re trying to create, and it will show you how it should look like in code and in another browser window to show a live code view of how it can look on a website screen.

New To Grid!

For this week’s reflecting on what we have been learning in class in HTML/ CSS Dreamweaver is how to make Grid’s in Dreamweaver. In doing that Grid is for two-dimensional layouts, meant to work with flex box, and when using flex box it uses heavily on “flex-wrap:wrap;” code onto Dreamweaver consider using grid instead wrap. Grid-gap helps you keep space between grid items. Grid-template-columns can take different units of measure.

Here is a video I found that’s been a reference now on understanding CSS grid and flex box in which I have been having trouble understanding.

CSS Grid Layout Crash Course – YouTube

update on HTML

In class we have been learning the basics of HTML and CSS of assembling it on Dreamweaver. The basic elements of creating the specific code we want as in <header> <p> <a href> <h1> <body> , etc to create and become familiar in the basics of setting up the code for a website. Also learning how to transfer files on an FTP I use FileZilla, to make our sites live has really been exciting. We are also setting up a portal page to link our projects for this semester.

here’s a little video I found that was interesting for typography

Typography: Here’s some things you need to know

Typography is such a critical element in all that we do… and yet, it’s such an overlooked thing in our day and age, when typography is being utilized more than ever. Here are some things you need to know to level up your typography skills and create better designs for the web.

Continue reading “Typography: Here’s some things you need to know”

Typography and Week Four Summary, Mark-up, & Styling.

I thought I was over typography, we broke up years ago when I went chasing after a new love, as I call it, “The First One.” Never did font family inter-marriages, and bad kerning, or over-zealous drop caps, leave my inner aesthetic soul. It’s still inside, and I see cringe worthy examples, around, all the time. 

Continue reading “Typography and Week Four Summary, Mark-up, & Styling.”

Week 4: Typography, FTP, CSS and some sweet struggles

Here comes another week knee-deep in online study. This week is exciting because our work finally gets manifested online! I spent hours finessing over our portal page, it is our FIRST thing live online! Hopefully I can improve the technical aspects of this page as the semester continues.

Continue reading “Week 4: Typography, FTP, CSS and some sweet struggles”