Using google / custom fonts in the ADF application

In ADF use can use any google font as you used to use default fonts provided by ADF or Webcenter.
Here are the steps.

1. Register the css file in the page through the af:resource tag

<af:resource type="css" source="http://fonts.googleapis.com/css?family=Lobster"/>

     2. Make an entry in the application's css file.

.inText {

    font-family: 'Lobster', cursive;

    font-size: medium;

}

   3. Put the above styleclass in the component

<af:outputText styleClass="inText " value="Text with google font"

                                         id="ol1"/>