{"id":438,"date":"2016-10-20T12:33:50","date_gmt":"2016-10-20T12:33:50","guid":{"rendered":"http:\/\/www.mihomes.com.au\/?page_id=438"},"modified":"2020-02-21T09:30:01","modified_gmt":"2020-02-21T09:30:01","slug":"typography","status":"publish","type":"page","link":"http:\/\/www.mihomes.com.au\/zh\/typography\/","title":{"rendered":"Typography"},"content":{"rendered":"
\n\t
\n\t\t
\n\t\t\t

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse.<\/p>\n

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t

H1 Heading<\/h1>\n

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
\nea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t

H2 Heading<\/h2>\n

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
\nea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t

H3 Heading<\/h3>\n

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
\nea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t

H4 Heading<\/h4>\n

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
\nea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t
H5 Heading<\/h5>\n

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
\nea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t
H6 Heading<\/h6>\n

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
\nea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>

\n\t
\n\t\t
\n\t\t\t
\n

Standard Inline Elements<\/h2>\n

Bold text<\/strong> dolor sit amet, consectetur accent color<\/span> adipisicing elit, hovered accents<\/span> sed do eiusmod tempor hovered ut labore et dolore magna aliqu quis nostrud exercitation ullamco laboris nisllum dolore eu fugiat nulla pareur sint occaecat cupidatat non proident sunt in culpa qui<\/span> officia deserunt m est laborum.<\/p>\n

Italic text<\/em> example iste natus error sit voluptatem italic text example doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore vei architecto<\/span><\/span> beatae explicabo. Nemo enptatem quia oluptas sit aspernatur tooltip example<\/span> aut odit aut fugit, sed quia consequuntur magni dolores eos quiet.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>

\n\t
\n\t\t
\n\t\t\t
\n

Dropcaps<\/h2>\n\n\t\t<\/div>\n\t<\/div>\n
<\/span><\/div><\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t

L<\/span>orem ipsum dolor sit amet, consectetur adipiscing elit. Nunc nec arcu dui. Sed porta odio massa. Mauris ornare diam vitae nisl dapibus facilisis. Morbi eleifend sagittis luctus. Lorem ipsum dolor sit amet.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div>

\n\t
\n\t\t
\n\t\t\t

L<\/span>orem ipsum dolor sit amet, consectetur adipiscing elit. Nunc nec arcu dui. Sed porta odio massa. Mauris ornare diam vitae nisl dapibus facilisis. Morbi eleifend sagittis luctus. Lorem ipsum dolor sit amet.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>

\n\t
\n\t\t
\n\t\t\t
\n

Blockquotes<\/h2>\n

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequatm, eaque ipsa quae ab illo invent aliquam quaerat voluptatem.<\/p>\n

\nThe difference between what we do and what we are capable of doing would suffice to solve most of the world\u2019s problems.<\/p>\n

– Mahatma Gandhi<\/a>\n<\/p><\/blockquote>\n

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequatm, eaque ipsa quae ab illom quia dolor sit amet, consectetur, adipisci velit.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>

\n\t
\n\t\t
\n\t\t\t
\n

Image alignment<\/h2>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc nec arcu dui. Sed porta odio massa. Mauris ornare diam vitae nisl dapibus facilisis. Morbi eleifend sagittis luctus. Donec sit amet imperdiet ex. Ut lorem libero, pulvinar in diam non, efficitur blandit justo.<\/p>\n

\"Title
Title of the image<\/figcaption><\/figure>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc nec arcu dui. Sed porta odio massa. Mauris ornare diam vitae nisl dapibus facilisis.<\/p>\n

Donec sit amet imperdiet ex. Ut lorem libero, pulvinar in diam non, efficitur blandit justo. Proin sed ligula lacinia, iaculis metus id, tempus tellus.<\/p>\n

\"image-13\"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc nec arcu dui. Sed porta odio massa. Mauris ornare diam vitae nisl dapibus facilisis.<\/p>\n

Morbi eleifend sagittis luctus. Donec sit amet imperdiet ex. Ut lorem libero, pulvinar in diam non, efficitur blandit justo.<\/p>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc nec arcu dui. Sed porta odio massa. Mauris ornare diam vitae nisl dapibus facilisis. Morbi eleifend sagittis luctus. Donec sit amet imperdiet ex. Ut lorem libero, pulvinar in diam non, efficitur blandit justo.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>

\n\t
\n\t\t
\n\t\t\t
\n

List Styles<\/h2>\n\n\t\t<\/div>\n\t<\/div>\n
<\/span><\/div><\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t
    \n
  • Lorem ipsum<\/li>\n
  • Dolor sit amet<\/li>\n
  • Consectetur<\/li>\n
  • Adipisicing elit<\/li>\n
  • Sed do eiusmod<\/li>\n<\/ul>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div>
    \n\t
    \n\t\t
    \n\t\t\t
      \n
    • Lorem ipsum<\/li>\n
    • Dolor sit amet<\/li>\n
    • Consectetur<\/li>\n
    • Adipisicing elit<\/li>\n
    • Sed do eiusmod<\/li>\n<\/ul>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div>
      \n\t
      \n\t\t
      \n\t\t\t
        \n
      1. Lorem ipsum<\/li>\n
      2. Dolor sit amet<\/li>\n
      3. Consectetur<\/li>\n
      4. Adipisicing elit<\/li>\n
      5. Sed do eiusmod<\/li>\n<\/ol>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>
        \n\t
        \n\t\t
        \n\t\t\t
        \n

        Table<\/h2>\n\n\t\t<\/div>\n\t<\/div>\n
        <\/span><\/div>
        <\/p>\n\n\n\n\n\n\n
        #<\/td>\nColumn 1<\/td>\nColumn 2<\/td>\nColumn 3<\/td>\nColumn 4<\/td>\n<\/tr>\n
        1<\/td>\nRaw 1 Cell 1<\/td>\nRaw 1 Cell 2<\/td>\nRaw 1 Cell 3<\/td>\nRaw 1 Cell 4<\/td>\n<\/tr>\n
        2<\/td>\nRaw 2 Cell 1<\/td>\nRaw 2 Cell 2<\/td>\nRaw 2 Cell 3<\/td>\nRaw 2 Cell 4<\/td>\n<\/tr>\n
        3<\/td>\nRaw 3 Cell 1<\/td>\nRaw 3 Cell 2<\/td>\nRaw 3 Cell 3<\/td>\nRaw 3 Cell 4<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

        <\/div><\/div><\/div><\/div><\/div><\/div>

        <\/span><\/div>\n\t
        \n\t\t
        \n\t\t\t

        Inputs and Buttons<\/h2>\n
        <\/div>\n\n\t\t<\/div>\n\t<\/div>\n\n
        \n

        <\/p>

          <\/ul><\/div>\n
          \n
          \n\n\n\n\n\n\n<\/div>\n
          \n\t
          \n\t\t

          <\/span>\n\t\t<\/p>\n\t<\/div>\n\t

          \n\t\t

          <\/span>\n\t\t<\/p>\n\t<\/div>\n<\/div>\n

          \n\t