Z.com byGMO

<h4>GMO Font Agent</h4>
<p>GMO Font Agent is the web font plugin which helps you easily use Google fonts on your WordPress sites, supporting in 634 different styles. (As of May 2014)</p>
<p>There are many brilliant WordPress plugins that uses Google Fonts around, however the GMO Font Agent is one of the most user friendly plugin in comparison with others.</p>
<h4>Web Fonts</h4>
<p>Web fonts are displayed on the web browser by using fonts on the server while reading text on the websites, which helps you dramatically improve productivity when editing, renewing, and creating website since you are not required to make draw images to place fancy fonts. Since crawler of the search engine reads the html sauce of the website, text is far more SEO effective compared to the images or flash, and even responsive layout site design won’t be affected on any devices.   CSS3’s newest trend is not the only thing.  Web fonts have other important elements that would benefit users.</p>
<h4>Key functions of the GMO Font Agent</h4>
<p>Font size and style can be selected from “Serif”, “Sans-Serif”, “Display” and “Handwriting” for each “body” and “heading” categories.</p>
<ol>
<li>Setting Page(GMO Font Agent_Description.png)</li>
</ol>
<h4>GMO Font Agent Resources</h4>
<ul>
<li>Visit the GMO Font Agent <a href="https://cloud.z.com/jp/en/wp/themes-plugins#plugins" rel="nofollow ugc">official website</a></li>
<li>Get GMO Font Agent Support via [the WordPress.org forums(https://wordpress.org/support/plugin/gmo-font-agent)</li>
<li>See <a href="https://profiles.wordpress.org/takeaki-nagashima/" rel="nofollow ugc">WordPress Themes by the same author</a></li>
</ul>
<h3>Instruction</h3>
<p>GMO Font Agent plugin is equipped with following features.</p>
<p>-Google font integration<br />
-Custom fonts can be used on body, heading 1-6, Contents, GMO Showtime-Caption (Caption shown when GMO Showtime slider is used) only.<br />
-Icon font generation (http://genericons.com/#pinterest-alt), Integration with free version of IcoMoon (http://icomoon.io/#icons)</p>
<p>Basic Settings<br />
1. Install plugin and activate.  Open [GMO Font Agent] after activating.<br />
2. Open [Google Font API Key], and enter Googole Font API Key<br />
3. Open [Font Settings] to change font size for desired area.<br />
* This class configuration is only used to apply slider caption font changes with ‘GMO Showtime’ plugin.</p>
<p>How to Set Icon Fonts<br />
* Simply activate a plugin to get started.  No initial set up required.</p>
<ol>
<li>Find a [Iconfonts by GMO Font Agent] button in the posts/pages edit screen. Button is located on top left of the textarea when visual editor is selected.</li>
<li>Click [Iconfonts by GMO Font Agent] to find a list of icon fonts.</li>
<li>Choose an icon font type from the pull-down menu, select icon and click [Insert] button.</li>
</ol>


Plugin Name: GMO Font Agent

Nick Halsey

<p>This plugin automatically adds CSS3 transitions to your website/blog and the WordPress admin. Links, etc. get animated transitions between their normal and hover states. CSS3 Transitions are supported by the most recent version of every major browser (Chrome, Internet Explorer 10, Firefox, Opera, Safari); browsers without support will continue to render everything as they had before. This plugin adds the transitions (eye candy) to all <code><a></code> (link), <code><li></code> (list item, usually used in navigation menus), <code><img></code> (image), and <code><input></code> (form field and button) tags that have a hover or focus state defined (for example, if links change color when the mouse hovers over them). Other “buttons”, form elements, and WordPress-specific selectors are also targeted. Transitions are between .2 and .3 seconds in duration, so they shouldn’t cross the line between nice and distracting; however, depending on the colors used in your theme, the transitions may not be noticeable.</p>
<p>Also, please note that image sprites simply don’t work well with blanket css3 transitions. If you see wierd animations where images scroll between their normal and hover states, they’re using sprites. Depending on where the sprites are used, there are various ways to prevent the behavior on those elements, while retaining transitions where desired. One method is to add an inline style attribute to those elements: <code>style="transition: none; -webkit-transition: none;"</code>. Adding the css to your theme will override the plugin’s css as long as you target the elements using sprites by class or id.</p>
<p>Please feel free to offer any feature suggestions you might have and I will consider them for future releases.</p>
<h4>CSS3 Transitions UX Theory</h4>
<p>Because of the way our brains process images, in simple terms, instant/sudden changes are generally not as well perceived as more gradual ones. In the physical space, we never see instant changes, like slides changing with no animation in a PowerPoint, but with digital technology this is a very common practice. When websites make use of hover states, for example, if a link changes color when the mouse hovers over it, they exhibit small, but instant visual changes. Adding the css3 transitions makes these changes more gradual, and therefore easier on the eye. For this same reason, operating systems now tend to make use of a lot of animations. There’s a lot of neuroscience behind these concepts, but I’m not well versed in that. Basically, <em>slight</em> animations generally look better than instant changes. Some people will argue that things aren’t as “snappy” or seem slugish with transitions, but if that’s the case, it’s only a matter of adjusting the animation timing function and duration.</p>


CSS3 Transitions

This plugin automatically adds CSS3 transitions to your website/blog and the WordPress admin. Links, etc. get animated transitions between their norma …

Plugin Name: GMO Font Agent vs CSS3 Transitions