<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/sf_background_menu">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Fonts"
        android:id="@+id/font_title_textView"
        android:gravity="top|left"
        android:fontFamily="Open Sans"
        android:textSize="18dp"
        android:paddingLeft="10dp"
        android:paddingTop="5dp"
        android:paddingBottom="10dp"
        android:textColor="#ffffff"/>

    <HorizontalScrollView  xmlns:android="http://schemas.android.com/apk/res/android"
                       android:layout_width="wrap_content"
                       android:layout_height="wrap_content"
                       android:background="@color/sf_background_menu"
                           android:layout_below="@+id/font_title_textView">

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:background="@color/sf_background_menu">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="50dp"
            android:id="@+id/font_textView1"
            android:layout_alignParentBottom="false"
            android:layout_alignParentLeft="true"
            android:layout_marginLeft="20dp"
            android:layout_marginBottom="20dp"
            android:layout_marginRight="20dp"
            android:text="Open Sans"
            android:textColor="@color/sf_font_light"
            android:textSize="22sp"
            android:gravity="bottom"
            android:padding="10dp"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="50dp"
            android:id="@+id/font_textView2"
            android:layout_alignParentBottom="false"
            android:layout_alignParentLeft="false"
            android:layout_marginBottom="20dp"
            android:layout_marginRight="20dp"
            android:layout_toRightOf="@+id/font_textView1"
            android:gravity="bottom|center"
            android:text="Serif"
            android:textColor="@color/sf_font_light"
            android:textSize="22sp"
            android:fontFamily="serif"
            android:padding="10dp"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="50dp"
            android:id="@+id/font_textView3"
            android:layout_alignParentBottom="false"
            android:layout_alignParentLeft="false"
            android:layout_marginBottom="20dp"
            android:layout_marginRight="20dp"
            android:layout_toRightOf="@+id/font_textView2"
            android:text="Courier"
            android:textColor="@color/sf_font_light"
            android:textSize="22sp"
            android:fontFamily="courier"
            android:padding="10dp"
            android:gravity="bottom"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="2dp"
            android:id="@+id/fonts_underline1"
            android:layout_below="@+id/font_textView1"
            android:layout_marginTop="-20dp"
            android:layout_alignLeft="@+id/font_textView1"
            android:layout_alignRight="@+id/font_textView1"
            android:background="#ffffff"
            android:layout_marginLeft="5dp"
            android:layout_marginRight="5dp"
            android:visibility="invisible"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="2dp"
            android:id="@+id/fonts_underline2"
            android:layout_below="@+id/font_textView2"
            android:layout_marginTop="-20dp"
            android:layout_alignLeft="@+id/font_textView2"
            android:layout_alignRight="@+id/font_textView2"
            android:background="#ffffff"
            android:layout_marginLeft="5dp"
            android:layout_marginRight="5dp"
            android:visibility="invisible"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="2dp"
            android:id="@+id/fonts_underline3"
            android:layout_below="@+id/font_textView3"
            android:layout_marginTop="-20dp"
            android:layout_alignLeft="@+id/font_textView3"
            android:layout_alignRight="@+id/font_textView3"
            android:background="#ffffff"
            android:layout_marginLeft="5dp"
            android:layout_marginRight="5dp"
            android:visibility="invisible"/>

    </RelativeLayout>

</HorizontalScrollView>

    </RelativeLayout>