{"id":507,"date":"2017-01-19T10:08:23","date_gmt":"2017-01-19T10:08:23","guid":{"rendered":"https:\/\/safelive.visualweb.tech\/?page_id=507"},"modified":"2025-04-17T18:57:57","modified_gmt":"2025-04-17T18:57:57","slug":"typography","status":"publish","type":"page","link":"https:\/\/safelive.visualweb.tech\/es\/typography\/","title":{"rendered":"La tipograf\u00eda"},"content":{"rendered":"
\n\t
\n\t\t
\n\t\t\t

Cras sodales luctus arcu, ac placerat nunc sagittis a. In at turpis ac nibh luctus sagittis in ut est. Proin sed mi vitae velit convallis gravida imperdiet eu mauris. Maecenas vehicula quam vel urna pulvinar, quis faucibus quam pellentesque. Sed vitae pellentesque velit. Etiam nec ornare tortor.<\/p>\n

Sed ligula mi, facilisis sed tempus non, ornare eget lectus. Praesent sed lectus rutrum, ornare leo et, scelerisque augue. Donec lectus ex, blandit sit amet ex vestibulum, volutpat dapibus est. Aenean ex orci, condimentum ut dignissim vel, maximus quis leo. Sed vel ante posuere neque facilisis sollicitudin vitae vitae risus. Vivamus a efficitur quam. Proin pulvinar urna quis odio venenatis, dapibus efficitur ligula eleifend. Sed scelerisque ut nibh nec pharetra.<\/p>\n

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 ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipisicing elit.<\/p>\n

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 ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipisicing elit.<\/p>\n

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 ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla.<\/p>\n

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 ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla.<\/p>\n

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 ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla.<\/p>\n

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 ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n

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

Standard Inline Elements<\/h2>\n

Bold text<\/strong> dolor sit amet<\/a>, consectetur link color<\/span> y hovered link<\/span> sed do eiusmod tempor hovered ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation accent background<\/span> ullamco laboris nisi ut aliquip ex<\/span> ea dafault link color consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.<\/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 tooltip example<\/span> beatae explicabo. Nemo enptatem quia oluptas sit aspernatur. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n

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

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

D<\/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. Neque porro quisquam est, qui dolorem ipsum quia 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

D<\/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. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>

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

Blockquotes<\/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

\n

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

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

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

Image Alignment<\/h2>\n

Morbi tellus nisl, accumsan quis bibendum in, vulputate nec arcu. Fusce et purus tellus. Quisque neque miitudin inbh eget, euismod blandit mauris. Sed accumsan maximus fermentum. Pellentesque leo tortor, accumsanet justo aluet, iaculis malesuada urna uspendisse nunc libero, vulputate a dui in, tempor faucibus erat euismod malesuada nequ.<\/p>\n

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

Morbi tellus nisl, accumsan quis bibendum in, vulptate nec arcu. Fusce et purus tellus. Quisque neque miitudi in nibh eget, euismod blandit mauris. Sed accumsano maximus fermentum. Pellentesque leo tortor, acusanet justo aliquet, iaculis malesuada urna uspendisse nunc libero, vulputate a dui in, tempor faucibus erat. Ut eui od malesuada neque in placerat. Proin lobortis dolorx a iaculis quam posuere id. Pellentesque massaeo fibu vulputate nulla pellentesque, facilisis cursus diam.<\/p>\n

Morbi tellus nisl, accumsan quis bibendum in, vulputate nec arcu. Fusce et purus tellus. Quisque neque miitudin inbh eget, euismod blandit mauris. Sed accumsan maximus fermentum. Pellentesque leo tortor, accumsanet justo aluet, iaculis malesuada urna uspendisse nunc libero, vulputate a dui in, tempor faucibus erat euismod malesuada nequ.<\/p>\n

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

Morbi tellus nisl, accumsan quis bibendum in, vulptate nec arcu. Fusce et purus tellus. Quisque neque miitudi in nibh eget, euismod blandit mauris. Sed accumsano maximus fermentum. Pellentesque leo tortor, acusanet justo aliquet, iaculis malesuada urna uspendisse nunc libero, vulputate a dui in, tempor faucibus erat. Ut eui od malesuada neque in placerat. Proin lobortis dolorx a iaculis quam posuere id. Pellentesque massaeo fibu vulputate nulla pellentesque, facilisis cursus diam.<\/p>\n

Morbi tellus nisl, accumsan quis bibendum in, vulputate nec arcu. Fusce et purus tellus. Quisque neque miitudin inbh eget, euismod blandit mauris. Sed accumsan maximus fermentum. Pellentesque leo tortor, accumsanet justo aluet, iaculis malesuada urna uspendisse nunc libero, vulputate a dui in, tempor faucibus erat euismod malesuada nequ.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n

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

List Styles<\/h2>\n
<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t
    \n
  • Suspendisse dignissim<\/li>\n
  • Nullam efficitur nunc<\/li>\n
  • Etiam eu lectus at lectus<\/li>\n
  • Etiam lobortis metus<\/li>\n
  • In eget augue vel odio<\/li>\n<\/ul>\n\n\t\t<\/div>\n\t<\/div>\n
    <\/span><\/div><\/div><\/div><\/div>
    \n\t
    \n\t\t
    \n\t\t\t
      \n
    • Suspendisse dignissim<\/li>\n
    • Nullam efficitur nunc<\/li>\n
    • Etiam eu lectus at lectus<\/li>\n
    • Etiam lobortis metus<\/li>\n
    • In eget augue vel odio<\/li>\n<\/ul>\n\n\t\t<\/div>\n\t<\/div>\n
      <\/span><\/div><\/div><\/div><\/div>
      \n\t
      \n\t\t
      \n\t\t\t
        \n
      1. Suspendisse dignissim<\/li>\n
      2. Nullam efficitur nunc<\/li>\n
      3. Etiam eu lectus at lectus<\/li>\n
      4. Etiam lobortis metus<\/li>\n
      5. In eget augue vel odio<\/li>\n<\/ol>\n\n\t\t<\/div>\n\t<\/div>\n
        <\/span><\/div><\/div><\/div><\/div><\/div>
        <\/span><\/span><\/span><\/span>\n<\/div>\n\t
        \n\t\t
        \n\t\t\t

        Table<\/h2>\n
        <\/div>\n\n\t\t<\/div>\n\t<\/div>\n
        <\/p>\n\n\n\n\n\n\n
        <\/th>\nPAT Cumulative<\/th>\nCharity Donation Cumulative<\/th>\n% of PAT cumulative<\/th>\n<\/tr>\n
        2004<\/td>\n968<\/td>\n1.242<\/td>\n38%<\/td>\n<\/tr>\n
        2004<\/td>\n968<\/td>\n1.242<\/td>\n38%<\/td>\n<\/tr>\n
        2004<\/td>\n968<\/td>\n1.242<\/td>\n38%<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

        <\/div><\/div>

        <\/span><\/span><\/span><\/span>\n<\/div><\/div><\/div><\/div><\/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<\/fieldset>\n
          \n
          <\/span><\/div> \n
          <\/span><\/div><\/div>\n
          <\/span><\/div>\n