Font - identity design https://blog.identitydesign.us/tag/font/ Web Tips & Free Templates Wed, 26 Oct 2016 22:48:44 +0000 en-US hourly 1 https://wordpress.org/?v=6.9.4 https://blog.identitydesign.us/wp-content/uploads/2020/08/Screen-Shot-2020-08-08-at-1.08.24-AM-120x120.jpg Font - identity design https://blog.identitydesign.us/tag/font/ 32 32 Resolved! Loading Your Google Fonts Over https (SSL) Sites https://blog.identitydesign.us/loading-webfonts-https-ssl/ https://blog.identitydesign.us/loading-webfonts-https-ssl/#respond Wed, 06 Jan 2016 01:58:25 +0000 http://blog.identitydesign.us/?p=789 I couldn’t believe how amazingly simple it was! I was searching for days and nights how to make my google fonts properly load over on my WordPress https (SSL) site. Here’s the basic story. I’m running an e-Commerce store with a Secure Sockets Layer installed on the domain. I created the logo with “La Belle […]

The post Resolved! Loading Your Google Fonts Over https (SSL) Sites first appeared on identity design.

The post Resolved! Loading Your Google Fonts Over https (SSL) Sites appeared first on identity design.

Related posts:

  1. Responsive Google Adsense is Easy!
  2. CSS Vertical Align Center
  3. Remove ‘Built with Storefront & WooCommerce’ with CSS lines on WordPress Storefront Theme
]]> I couldn’t believe how amazingly simple it was! I was searching for days and nights how to make my google fonts properly load over on my WordPress https (SSL) site.

Here’s the basic story. I’m running an e-Commerce store with a Secure Sockets Layer installed on the domain. I created the logo with “La Belle Aurore” font from Google. When customers pay for their purchase, they have to land on the cart page showing https. My logo won’t be properly showing when my customer uses IE (Internet Explorer 11) browsers or my Safari from iPhones, so I really had resolve this issue.

I’ve seen some people trying to resolve the issue by creating weird code in the .htaccess file or tweaking the .function file in WordPress theme. I’ve tried it, but none of them actually worked for me.

Ta-Dah! It was simpler than I thought. I deleted the http: part on my CSS file, and it worked like magic! So DO “//fonts.googleapis.com/css?family=XXX”, NOT “http://fonts.googleapis.com/css?family=XXX”

@import url(//fonts.googleapis.com/css?family=NAME_OF_YOUR_FONT_FAMILY);

I used “La Belle Aurore” font on my site, so here’s what I have. @import url(//fonts.googleapis.com/css?family=La+Belle+Aurore); I hope this method save your time as well. Good luck!

The post Resolved! Loading Your Google Fonts Over https (SSL) Sites first appeared on identity design.

The post Resolved! Loading Your Google Fonts Over https (SSL) Sites appeared first on identity design.

Related posts:

  1. Responsive Google Adsense is Easy!
  2. CSS Vertical Align Center
  3. Remove ‘Built with Storefront & WooCommerce’ with CSS lines on WordPress Storefront Theme
]]> https://blog.identitydesign.us/loading-webfonts-https-ssl/feed/ 0 Fonts Collection – Best for Web and Print Design https://blog.identitydesign.us/fonts-collection-best-for-web-and-print-design/ https://blog.identitydesign.us/fonts-collection-best-for-web-and-print-design/#comments Tue, 25 Mar 2014 23:57:20 +0000 http://blog.identitydesign.us/?p=293 I always look for GOOD Fonts for my design. I’ve been in the industry almost a decade, and with the experience, there are fonts more likely to use than others when designing web or print outs like posters, banners, and documents. Some are good for a headline of an article, and some are good for […]

The post Fonts Collection – Best for Web and Print Design first appeared on identity design.

The post Fonts Collection – Best for Web and Print Design appeared first on identity design.

Related posts:

  1. Resolved! Loading Your Google Fonts Over https (SSL) Sites
  2. Freebies: Weight Loss Diet / Health Website Design Mock Up (PSD)
  3. Freebies: The Gloria Revival Grunge Poster Template
]]> I always look for GOOD Fonts for my design. I’ve been in the industry almost a decade, and with the experience, there are fonts more likely to use than others when designing web or print outs like posters, banners, and documents. Some are good for a headline of an article, and some are good for copies. Most of them are FREE with personal/commercial use, so hope you enjoy my collection.

Gotham

San-Serif, Condensed
gothamFREE Download Gotham family is all time my favorite. It’s great for headline and body copy.

Bebas Neue

Condensed San-Serif, Uppercase Only
bebas neueA sophisticated bold condensed gothic font for PC, Mac, & Web . Highly recommended for titles.
FREE Download | Credit “Dharma Type”
http://dharmatype.com/

League Gothic

Condensed San-Serif
league gothicFREE Download

Frontage

San-Serif, Uppercase only, for Headline and decorative type
frontage$55 at myfonts.com

Helvetica Neue

San-Serif, Condensed to Extended, for body copy
helvetica neue$39/each at myfonts.com

Futura

San-Serif
futuraFREE Download

Knockout

San-Serif, Condensed to Extended
knockout

Nexa

San-Serif & Slab-Serif, Thin to Ultra thick
nexaNexa – Download FREE Version
Nexa – Buy Full Version
Nexa Slab – Download FREE Version
Nexa Slab – Buy Full Version

SignPainter

Cursive Pen Script
SignPainter fontFREE Download

Belinda

Cursive Handwriting Script
belinda$35 at Linotype.com
A Handwriting & fun cursive script for Mac & PC

The post Fonts Collection – Best for Web and Print Design first appeared on identity design.

The post Fonts Collection – Best for Web and Print Design appeared first on identity design.

Related posts:

  1. Resolved! Loading Your Google Fonts Over https (SSL) Sites
  2. Freebies: Weight Loss Diet / Health Website Design Mock Up (PSD)
  3. Freebies: The Gloria Revival Grunge Poster Template
]]> https://blog.identitydesign.us/fonts-collection-best-for-web-and-print-design/feed/ 9