Help you concentrate on the work of the music station + Google fonts online search artifact

Today's cool station two bursts, one is designed for engineers to create the Geek wind music site, with music to help you concentrate, efficient work, of course, the designer also applies. The second is to quickly search Google Fonts, online real-time preview effect, rapid generation of font code FONTCDN, are very practical, horse live!

Music for programming is known as a musical channel designed for engineers, the website to go Geek (Geek) wind, with a fixed-width font, so that the site looks like a browse terminal. The site contains a total of 36 albums, each album length about an hour or so, users only need to open the Web site, press play can listen.

The site has many different styles of music, the music helps to create a more focused and efficient work environment when writing a program, but you can also use it in any job, not just programming (for example, I'm listening to music for programming when I'm writing this article). Listen to a few pieces of work, style similar to the interstellar film in the unreal and with some mysterious music, I like it.

If you want to take it with you, download the MP3 music for free and save it on your phone or player.

Musicforprogramming

Step 1

Open Music for programming website, you can see the top of the website, episodes included 36 different albums. When you select one of the album names at any point, the detailed track and control button are displayed on the right.

Click on the right side of the "play" to start playing music. In addition, the album below also lists the MP3 download link, if you love a piece of work, you can download it, save it to the computer. With the control button, you can also pause playback, stop, or fast turn.

Three reasons to be worth a try:

Contains 36 different music albums, each length of about an hour or so

Music designed for work (especially writing programs) is more suitable for concentration and efficiency

No need to log in or install software, but also free download MP3 format music

Fontcdn

For Web developers, Google Fonts provides a wide range of Web page fonts that allow us to use hundreds of of fonts free of charge to make the web more aesthetically pleasing and to improve the readability of the whole. However, if you often use Google Fonts, you will find that its website interface is not really good operation, so foreign users have to reinvent, the introduction of an easy to operate alternative solutions.

If you are a Google Fonts enthusiast, or often used at work, but also want a faster, easier way to search and select the required font, FONTCDN for this! Through FONTCDN you can quickly search for more than 700 types of web font combinations, real-time access to any font HTML and CSS program code.

Developer Thomas Park says FONTCDN and Google Fonts design are completely different uses, not to delve into the font or compare font differences, FONTCDN goal is to enable developers to quickly get the font they need to apply to their development projects.

If you're looking for a Google Fonts alternative (or a better way to use Google Fonts), the service might be right for you.

Step 1

After opening the FONTCDN Web site, make a search or filter from the left sidebar. You can find any particular type of font, or suggest a font set for the text or title, arranged in popularity, name, and date.

In addition, you can switch different preview mode (or enter the text you want to preview), adjust the font size, FONTCDN allows you to quickly preview these page fonts online. Of course, these fonts are from Google Fonts, free to apply to their own development projects or web design.

Step 2

After the selection of a font, will open a select load style of the screen, select the font style to use (such as Light, Normal, Bold, etc.), depending on the font will have different style design, it is recommended not to choose too much, may affect the loading speed.

When selected, FONTCDN will generate Google Fonts program code above, such as linking to load CSS, or through @import to load the font, at the bottom there will be applied to the font-family example.

In this way, there is no next step, is not more than Google Fonts interface is much simpler?

　　Three reasons to be worth a try:

Replace Google Fonts Original interface, make it easier to select and preview the page font

Can filter font classification, style, online real-time preview font effect

Quickly generate Web page font program code