• Skip to content
  • Skip to footer
Abbey Fitzgerald Web and UX Designer

Abbey Fitzgerald

UX Software Engineer and Digital Designer

Main navigation

  • About
  • Services
  • Work Examples
  • Blog
  • Contact
  • All Categories
    • Design Reflections
    • Digital Design
    • WordPress
    • UX

November 4, 2016 By Abbey Fitzgerald Filed Under: WordPress

Use Typekit on Your Genesis Theme

  • Facebook
  • Twitter

There are many options for web fonts. We’ve become accustom to Google Fonts, which offers a lot of great options. If you’re in the process of shopping around for web fonts, certainly give Google Fonts a look but also keep in mind that there are some great fonts in Adobe Typekit as well. As we are immersed our Adobe design world, we often forget that there are tons of fonts that can be easily added to websites for a truly beautiful type experience.

Typekit Choices

If you haven’t checked out Typekit yet, you’ll be surprised at how many great type options there are. Once you find your desired typefaces, it’s pretty easy to start using them on your website.

Using Typekit fonts

When you find the fonts that you like, click “Use Fonts”. Underneath “web” you are given the option to create a new kit.

Add to Typekit

A kit is a collection of fonts used for a project. A website has a “kit” of fonts that are being used. That way things are organized and only the needed fonts are referenced. The kit contains the specific typeface and the specific weights that you’d like to use. I’ve created a kit with my website’s name. When there are multiple kits, it is clear which one I’m looking at.

Typekit Selection

Referencing and embedding the font

When looking at the kit, double check that all the font families and the correct weights are chosen. Be sure to Publish.

Typekit Publish

You’ll see an Embed Code option. This is what will be added to your Genesis theme. Copy that snippet.

Typekit Embed Code

Adding Typekit fonts to a Genesis theme

Once this is done, the embedded code can be easily added to Genesis in Dashboard > Genesis > Theme Settings. Look for the Header Scripts field and paste the embed code in there.

Paste Typekit Snippet into Genesis Theme

Use font in CSS file

To actually see the file, it will need to be referenced in the CSS file. To test this out, I am going to add this to the body style.

Typekit New Font Usage

The body font is now using the new font so things are working with the new Typekit option.

  • Facebook
  • Twitter

Filed Under: WordPress Tagged With: Adobe Typekit

Abbey Fitzgerald

In addition to being a UX sofware engineer, I can be found writing, designing and developing all sorts of great content. When not in front of a backlit device, I dabble in charcoal and oil paint. I live in Minneapolis, MN and live up to the reputation of Minnesota Nice.

Recent Posts

  • How to break up with a design you love
  • Formatting code and pre text
  • New Parking Spot Technology Ramps Up at Mall of America
  • My Italy Adventure
  • Why do I paint?

Reader Interactions

Comments

  1. Charley says

    June 28, 2017 at 5:43 pm

    Thanks for the terrific guide

    Reply
  2. Karolyn says

    July 1, 2017 at 5:35 pm

    Thanks, it is quite informative

    Reply
  3. Jeanett says

    July 1, 2017 at 5:57 pm

    I enjoy the article

    Reply
  4. Milla says

    July 14, 2017 at 2:40 pm

    It works really well for me

    Reply
  5. Www.unitesdk.Com says

    July 14, 2017 at 6:13 pm

    Thanks for the excellent manual

    Reply
  6. Wilma says

    July 14, 2017 at 7:35 pm

    I enjoy the article

    Reply
  7. Raymundo says

    July 14, 2017 at 7:46 pm

    Thanks, it’s very informative

    Reply
  8. Jannette says

    July 14, 2017 at 8:38 pm

    Thanks for the wonderful guide

    Reply
  9. Millie says

    July 14, 2017 at 10:45 pm

    Thanks to the terrific manual

    Reply
  10. Leonore says

    July 14, 2017 at 11:21 pm

    This is truly helpful, thanks.

    Reply
  11. http://calistaheritage.org/ says

    July 15, 2017 at 12:15 am

    It works very well for me

    Reply
  12. Mable says

    July 15, 2017 at 2:00 am

    I enjoy the report

    Reply
  13. www.spykeworld.Com says

    July 16, 2017 at 6:45 am

    This is really helpful, thanks.

    Reply
  14. http://www.ucgbc.org/ says

    July 18, 2017 at 3:47 pm

    I enjoy the report

    Reply
  15. www.gipsonwvl.com says

    July 18, 2017 at 4:24 pm

    Thanks to the great guide

    Reply
  16. Callie says

    July 19, 2017 at 12:35 pm

    I spent a great deal of time to locate something such as this

    Reply
  17. Kris says

    July 20, 2017 at 2:35 pm

    I enjoy the report

    Reply
  18. Registro says

    February 7, 2025 at 3:25 pm

    I don’t think the title of your article matches the content lol. Just kidding, mainly because I had some doubts after reading the article.

    Reply
  19. Skapa personligt konto says

    February 14, 2025 at 2:19 am

    Your point of view caught my eye and was very interesting. Thanks. I have a question for you.

    Reply
  20. palays says

    February 20, 2025 at 6:49 pm

    iEdxWxgixq7

    Reply
  21. ヴィンテージポルノ says

    February 21, 2025 at 2:55 pm

    urTG1WaSdwp

    Reply
  22. linting says

    February 21, 2025 at 3:07 pm

    jX3jyEe32L4

    Reply
  23. facilisis says

    February 21, 2025 at 3:13 pm

    ObCbEzu9mI7

    Reply
  24. speedless says

    February 21, 2025 at 3:19 pm

    iZ6j0XSu6XS

    Reply
  25. preplanning says

    February 21, 2025 at 3:24 pm

    Vr3XL5i349i

    Reply
  26. minx says

    February 21, 2025 at 3:30 pm

    h7837j2pKlg

    Reply
  27. parvoline says

    February 21, 2025 at 3:36 pm

    ppgkNMfc2eq

    Reply
  28. erks says

    February 21, 2025 at 3:41 pm

    xAWq8FBkizD

    Reply
  29. lingerie says

    February 21, 2025 at 3:47 pm

    30fieLbJcj1

    Reply
  30. thong says

    February 21, 2025 at 3:53 pm

    DkgCkdZjkDE

    Reply
  31. ਅੰਤਰਜਾਤੀ ਪੋਰਨ says

    February 21, 2025 at 3:58 pm

    k41Mc44XK1s

    Reply
  32. volutpat says

    February 21, 2025 at 4:04 pm

    aRsYZWp0gBo

    Reply
  33. elegancies says

    February 21, 2025 at 4:10 pm

    kv2QymaARcl

    Reply
  34. palays says

    February 21, 2025 at 4:16 pm

    D4szRxop3wr

    Reply
  35. potboil says

    February 21, 2025 at 4:21 pm

    UpLSkRaqj3Z

    Reply
  36. clubber says

    February 21, 2025 at 4:27 pm

    DPCgTwQnAhB

    Reply
  37. bergfalls says

    February 21, 2025 at 4:33 pm

    7RUHjapiAPE

    Reply
  38. Emma Watson says

    February 21, 2025 at 4:38 pm

    NbfZzybFJKL

    Reply
  39. iPad says

    February 21, 2025 at 4:44 pm

    YiSzpKRAQa0

    Reply
  40. フェラチオポルノ says

    February 21, 2025 at 4:50 pm

    smhkGEE9P6F

    Reply
  41. dictumst says

    February 21, 2025 at 4:55 pm

    yKsHzeBeyvk

    Reply
  42. ਅੰਤਰਜਾਤੀ ਪੋਰਨ says

    February 21, 2025 at 5:01 pm

    Do7jplXnAmk

    Reply
  43. 十代のポルノ says

    February 21, 2025 at 5:07 pm

    ouvtGxE3PZm

    Reply
  44. recalibrated says

    February 21, 2025 at 5:13 pm

    8gWkr1rm5T3

    Reply
  45. strapless says

    February 21, 2025 at 5:18 pm

    h4iJDKyL0g3

    Reply
  46. ethnicities says

    February 21, 2025 at 5:24 pm

    2tQtyeHUjYc

    Reply
  47. assimilabilities says

    February 21, 2025 at 5:30 pm

    xGEv7lJ3oiD

    Reply
  48. 毛深いポルノ says

    February 21, 2025 at 5:35 pm

    TvhNWZcXZX7

    Reply
  49. spitto says

    February 21, 2025 at 5:41 pm

    oBpI1ovXuSH

    Reply
  50. caecum says

    February 21, 2025 at 5:47 pm

    WIWNKDa15A9

    Reply
  51. シーメールポルノ says

    February 21, 2025 at 5:52 pm

    L3z2KvWh8Ol

    Reply
  52. bikini-a-go-go says

    February 21, 2025 at 5:58 pm

    48rCwL3V84p

    Reply
  53. philanthropical says

    February 21, 2025 at 6:04 pm

    OqhqjIN1w7f

    Reply
  54. flagrante delecti says

    February 21, 2025 at 6:09 pm

    zyAQhZHeHgP

    Reply
  55. Binance推荐代码 says

    February 23, 2025 at 10:41 pm

    Thanks for sharing. I read many of your blog posts, cool, your blog is very good.

    Reply
    • katana says

      April 4, 2025 at 4:33 am

      katana

      Reply
  56. binance Register says

    February 26, 2025 at 3:58 pm

    Your article helped me a lot, is there any more related content? Thanks!

    Reply
  57. binance sign up bonus says

    February 27, 2025 at 11:14 pm

    Thanks for sharing. I read many of your blog posts, cool, your blog is very good.

    Reply
  58. S'inscrire sur Binance says

    February 28, 2025 at 4:21 pm

    Can you be more specific about the content of your article? After reading it, I still have some doubts. Hope you can help me.

    Reply
  59. www.binance.com registrēties says

    March 7, 2025 at 1:59 am

    I don’t think the title of your article matches the content lol. Just kidding, mainly because I had some doubts after reading the article.

    Reply
  60. M mt tài khon binance says

    March 7, 2025 at 4:13 pm

    Your article helped me a lot, is there any more related content? Thanks!

    Reply
  61. Enregistrement Binance says

    March 8, 2025 at 1:53 pm

    Thank you for your sharing. I am worried that I lack creative ideas. It is your article that makes me full of hope. Thank you. But, I have a question, can you help me? https://accounts.binance.info/en-IN/register?ref=UM6SMJM3

    Reply
  62. binance registrering says

    March 8, 2025 at 6:58 pm

    Thank you for your sharing. I am worried that I lack creative ideas. It is your article that makes me full of hope. Thank you. But, I have a question, can you help me?

    Reply
  63. open binance account says

    March 13, 2025 at 10:51 am

    Can you be more specific about the content of your article? After reading it, I still have some doubts. Hope you can help me.

    Reply
  64. 注册Binance says

    March 14, 2025 at 5:45 am

    Can you be more specific about the content of your article? After reading it, I still have some doubts. Hope you can help me.

    Reply
  65. binance тркелг says

    March 15, 2025 at 9:29 pm

    I don’t think the title of your article matches the content lol. Just kidding, mainly because I had some doubts after reading the article.

    Reply
  66. Binance创建账户 says

    March 19, 2025 at 1:56 am

    Your point of view caught my eye and was very interesting. Thanks. I have a question for you.

    Reply
  67. https://cryptolake.online/crypto2 says

    March 23, 2025 at 10:35 pm

    Here is my web page :: https://cryptolake.online/crypto2

    Reply
  68. Premia polecajacego Binance says

    March 25, 2025 at 6:09 pm

    Thanks for sharing. I read many of your blog posts, cool, your blog is very good. https://www.binance.com/en-IN/register?ref=UM6SMJM3

    Reply
  69. binance Sign Up says

    March 28, 2025 at 9:31 am

    Your point of view caught my eye and was very interesting. Thanks. I have a question for you. https://www.binance.com/cs/join?ref=S5H7X3LP

    Reply
  70. binance hesap acma says

    April 8, 2025 at 4:08 am

    Thanks for sharing. I read many of your blog posts, cool, your blog is very good.

    Reply
  71. 注册 says

    April 9, 2025 at 8:13 pm

    Thank you for your sharing. I am worried that I lack creative ideas. It is your article that makes me full of hope. Thank you. But, I have a question, can you help me?

    Reply
  72. Create a free account says

    April 10, 2025 at 2:00 pm

    Your article helped me a lot, is there any more related content? Thanks!

    Reply
  73. open a binance account says

    April 25, 2025 at 9:49 am

    Thanks for sharing. I read many of your blog posts, cool, your blog is very good.

    Reply
  74. 打开Binance账户 says

    May 4, 2025 at 1:03 pm

    I don’t think the title of your article matches the content lol. Just kidding, mainly because I had some doubts after reading the article.

    Reply
  75. Регистриране says

    May 10, 2025 at 6:33 pm

    Your article helped me a lot, is there any more related content? Thanks!

    Reply
  76. Cont Binance gratuit says

    May 19, 2025 at 7:35 am

    Thanks for sharing. I read many of your blog posts, cool, your blog is very good.

    Reply

Leave a Reply Cancel reply

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

Footer

Contact

Want to discuss your next project? I'm here to help!

Contact Abbey

About Abbey Fitzgerald

Abbey Fitzgerald UX and Web Designer

I am Minnesota nice. Located in Minneapolis, MN, I'm a UX software engineer with a long history in the digital design space. My goal is to make people's lives easier by creating and improving their experience.

Life can't be all work and no play. I also like to dabble in charcoal and oil paint.

Let’s Connect

© 2025 Abbey J. Fitzgerald, LLC