Skip to main content

Openness with Free Web Fonts

If you want to design a webpage with stylish font. There are few important things to consider before using graphical text images.
  • If you prefer search engines bring traffic to your web page, it has to be Search engine friendly, as of  now crawling engine ignore text written in images. (BTW, can search engines improve to extract text from image and index? like Quick Quest does ;)
  • The font should be rendered and displayed consistent across multiple browsers.
  • When viewed through mobile browser, it should wrap (as normal text do) to fit the small screen.

Its now old fashion to choose the most common font (either Times New Roman or Arial, that are for sure exist in users computer) and design the page accordingly to stay safe.

Things have changed, so the approaches.

To respect above points, HTML font embedding became essential need to design impressive web page (SrushtiSoft.com home page is using font embedding. Its live now!).

Back in 1997, Microsoft released Web Embedding Fonts Tool (WEFT) which allows to create font objects (.eot) file from our favorite True Type Font (TTF) and refer it in CSS. That's all! Any page viewed in Internet Explorer started rendering our favorite font even if it is not present in user's computer.

That's really cool.

As usual, Microsoft restricted this openness only to IE browsers and that made many web developers to ignore this effort silently. (However, Microsoft is still active on WEFT initiative and anytime may strike back)

So there comes Google with free open source Web Fonts! http://www.google.com/webfonts.

As of now there are 291 free open source fonts for embedding. With each font, Google provide a quick guidelines on how to use in a web page.

Your jaw drops when you see Google giving just 2 lines to integrate web fonts!

SrushtiSoft home page uses one very decent font out of 291 Google web fonts. We tested it over 100+ browsers on Linux, Windows and Android platforms and very few browsers failed to render.

I sense strong future of web fonts as they make web pages to render without mandating users to install required font. For a web developer, there is so much of relaxing factor in it. :)

Comments

Anonymous said…
good one. Could see your post after a long time. :) - Boms

Popular posts from this blog

Windows forgets visual effects settings on log-out or reboot for non-administrator account

Steps given here worked for me with Windows 7 SP1. Hope you may find it useful.

Start -> Run-> cmd (press enter) -> type SystemPropertiesPerformance.exeThis gets you the "System Properties" window, go to  Advanced tab -> Performance Settings -> Visual Effects tab and choose "Adjust for best performance" and click OK. Note: While doing all these UAC doesn't show-up as all changes you are doing will be saved in your logged-in profile account.

Reference material used: http://msdn.microsoft.com/en-us/library/ee330866.aspx

Feel free to comment your findings.

Hangfire with In-Memory Storage (ASP.Net MVC 4/5)

This is in continuation to my previous post: Hangfire with ASP.Net MVC : Simplest Code To Start with.

In this post we will see how Hangfire can be configured without the SQL Server as its backend for job scheduling, instead, manage all in-memory

1) Create ASP.Net MVC 4/5 Projects
2) in web.config file
3) Run Install-Package HangFire -Version 1.6.17 or visit here for latest version: https://www.nuget.org/packages/Hangfire/1.6.17
3) Run Install-Package Hangfire.MemoryStorage -Version 1.5.2 or visit here for latest version https://www.nuget.org/packages/Hangfire.MemoryStorage/
4) I am simply updating a table with a primary key (auto incremented), and string field "StampTime" with current date and time.
5) Open Global.asax.cs and paste below shown code.
6) Run the app and check the database.


using Hangfire; using Hangfire.Common; using Hangfire.MemoryStorage; using System; using System.Collections.Generic; using System.Linq; using System.Threading.Tasks; using System.Web; using…

Hangfire with ASP.Net MVC : Simplest Code To Start with

It seems many are looking for using Hangfire with ASP.Net MVC 4 / 5+ SQL Server here is the simplest code example for you to start quick.

I am using Visual Studio 2017 Community Edition

1) Create ASP.Net MVC 4/5 Projects
2) <add key="owin:AutomaticAppStartup" value="false" /> in web.config file
3)Run Install-Package HangFire -Version 1.6.17 or visit here for latest version: https://www.nuget.org/packages/Hangfire/1.6.17
4) From the sample code, make sure you create database in SQL Server DB and update the connection string.
5) I am simply updating a table with a primary key (auto incremented), and string field "StampTime" with current date and time.
6) Open Global.asax.cs and put this code.
7) Run the app and check the database.

The example code also showcase a hack on how to run jobs with few seconds interval.

namespace HangFireDemo { publicstaticclassMyTasks { publicstaticasync Task<int> MinuteTick() { awa…