- Select the desired font or fonts with settings they offer and click “Add to Collection”.
- Click “Use” in the bottom right of the website. Note: Once here, you will see the “Page Load” impact it will have on your site. So the less font selections the better, unless necessary.
- Embed your Collection into your web page, copy the code as the first element in the <head> of your HTML document.
Posts by zmyers:
Working with Google Web Fonts
Zedric Myers | February 15th, 2012in Managing Web Content, Web Development
Using Google Web Fonts is a great way to integrate nice web fonts that aren’t the standard. There are a large variety of fonts with settings to choose from. Within the Google Font website, you can search, filter font types, preview a word, sentence, paragraph, change scripts, sort options and add or remove from your collection. It’s very easy to apply to your website with a simple CSS style link and CSS font code snippet supplied by Google.
To get started, go to http://www.google.com/webfonts
Example from Google:
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
<style>
body {font-family: 'Tangerine', serif; font-size: 11px;}
</style>
</head>
<body>
<div>Making the Web Beautiful!</div>
</body>
</html>
You call also add the font CSS to your external CSS style sheet for a single reference.
h1 { font-family: 'Tangerine', serif; font-size: 11px;}
That’s all there is to it on using Google Web Fonts.
Posted in Managing Web Content, Web Development | No Comments »
Image Orientation Not Showing Up Correctly on an iPad or iPhone
Zedric Myers | January 25th, 2012in Managing Web Content, Web Development
Problem:
We recently had an issue with some images on an iPad or iPhone web page where the orientation was displaying incorrectly. However, when previewing the page on a desktop the orientation was correct.
After several tests, we realized it wasn’t coming from the web code, but was an issue with the camera. The camera software was encoding it at a certain direction for mobile devices incorrectly. A normal desktop computer wouldn’t recognize the encoding, since it doesn’t have a gyroscope.
Solution:
To fix the issue we used our image editing software to manually rotate the image to the correct orientation, saved it out and replaced the existing one. This would then remove the camera’s encoding and preview correctly on any browser. You don’t need any specific image editing software, if you happen to run into this issue.
Posted in Managing Web Content, Web Development | No Comments »
Flash is Officially Not Being Supported on Mobile Devices
Zedric Myers | January 4th, 2012in Managing Web Content, Web Development
Flash is officially not being supported on mobile devices anymore. It’s a good thing for performance and battery life. It also opens up the door for more interesting ways of introducing techniques and effects to your audience.
So, that brings up the question on what people and clients ask. Should we update our site to be mobile friendly? In a short answer yes for the best reach of audience. The amount of people using mobile devices is growing and continues to do so at an astounding rate.
Here at Beacon, we have a team of professionals that can update your Flash site or Flash elements with cross browser and mobile device friendly code. Your site will feel more refined and can even be implemented to work with our great Cascade Server (CMS system). Staying ahead of the curve and keeping your site fresh will keep the visitors and customers coming back for more.
Posted in Managing Web Content, Web Development | No Comments »
The 3D Effect
Zedric Myers | December 16th, 2011in Creative Design, Web Development
Websites designs are always evolving and that’s a very good thing.It’s great for inspiration, engaging customers and can give a fresh new outlook on how the audience views your site.
The 3D effect is a great example in evolving designs. It helps give the illusion of depth to your site and when designed in a certain way can even be interactive and entertaining. There are some
It all depends on what you’re trying to achieve with the 3D effect. It could be for the site’s overall look or even enhance products visuals, that can give the customer a better feel for what they might purchase.
Some effects are drop shadows, 3D rotations, protruding banners, field of vision that has clear focus on an element in the foreground and another element blurred in the background, floating objects and color effects.
These are a few client sites from the Beacon team, that incorporate the 3D effect.
Protruding Banner
www.newbridgebank.com
Rotating Images
www.bassettfurniture.com/quality/explore-wood-furniture.asp
Field of Depth
www.framingham.edu/academics
Posted in Creative Design, Web Development | No Comments »
Google+ Introduces Pages for Businesses and Brands
Zedric Myers | November 14th, 2011in Social Media Marketing, Web Marketing
Google has now launched Google+ Pages for businesses and brands. It’s a great way to help reach your audience. They are also adding this new setup into their search results, giving the end-user a more meaningful connection to what they are looking for.
With this option of social media marketing it can be great marketing tool for the businesses. We currently help our clients with all their social media marketing needs and this will be another great step to help them reach their targeted audience.
You can learn more about Google+ Pages by clicking here.
Posted in Social Media Marketing, Web Marketing | No Comments »
Google Chrome, a Great Web Browser
Zedric Myers | September 22nd, 2011in Other, Web Development
There are several web browsers for us to use these days. One in particualar I really enjoy using is Google Chrome. It’s one of the fastest browsers out there and is very intuitive to use. It also has some great features, like the Chrome Web Store to purchase apps, extensions and themes for it.
You can download it here:
http://www.google.com/chrome
This is a commercial that recently came out for it that caught my attention.
Google Chrome: Dear Sophie
Tags: chrome, Google Chrome, Web Browser
Posted in Other, Web Development | 1 Comment »
Mobile is Booming
Zedric Myers | August 11th, 2011in Other, Web Development
After working in web development for several years, things have changed quite a bit. A majority of people now look to their smartphones or tablets (including me, after work). They are simple to navigate and everything is at our fingertips. Granted, we will always use desktop computers for work and complex tasks.
With all that in mind, it gives us the chance to create great things with new experiences and keep people interested at home or on the go.
Mobile stats are pretty astounding as you can see here:
Courtesy of: Microsoft Tag
Not only is this a great way to provide content for users, but also provides new ways for clients to engage with their customers.
Tags: Marketing, Mobile Marketing, Web Marketing
Posted in Other, Web Development | No Comments »
