1<!DOCTYPE html><html lang="sk"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>typopoâfix microtypography in multiple languages</title>
1<script type="importmap">{"imports":{"#entry":"/_nuxt/Cg12CPNK.js"}}</script>
1<script src="https://scripts.simpleanalyticscdn.com/latest.js" async defer data-hostname="typopo.org"></script>
1<style>@import "https://fonts.bunny.net/css?family=alegreya:500,500i,600,900,900i";.container[data-v-a1c5a738]:after,.container[data-v-a1c5a738]:before{content:" ";display:table}.container[data-v-a1c5a738]:after{clear:both}@media (width>=768px){body[data-v-a1c5a738]{overflow-x:hidden}}.container[data-v-a1c5a738]{margin-left:auto;margin-right:auto;padding:0 16px}@media (width>=768px){.container[data-v-a1c5a738]{width:736px;padding:0}}@media (width>=944px){.container[data-v-a1c5a738]{width:912px}}@media (width>=1136px){.container[data-v-a1c5a738]{width:1104px}}@media (width>=1560px){.container--project-list[data-v-a1c5a738]{width:auto;margin:0 32px}}.grid[data-v-a1c5a738]{grid-gap:32px 32px;grid-template-columns:repeat(4,1fr);grid-auto-flow:row;place-content:start;place-items:start;display:grid}@media (width>=768px){.grid[data-v-a1c5a738]{grid-template-columns:repeat(12,32px)}}@media (width>=944px){.grid[data-v-a1c5a738]{grid-template-columns:repeat(12,46.6667px)}}@media (width>=1136px){.grid[data-v-a1c5a738]{grid-template-columns:repeat(12,62.6667px)}}html[data-v-a1c5a738]{color:#525252;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;box-sizing:border-box;font-variant-numeric:oldstyle-nums;text-rendering:optimizelegibility;letter-spacing:.015em;background-color:#fff;font-family:Alegreya,sans-serif;font-size:18px;line-height:1.25em}[data-v-a1c5a738],[data-v-a1c5a738]:after,[data-v-a1c5a738]:before{box-sizing:border-box;margin:0}.h1[data-v-a1c5a738],h1[data-v-a1c5a738]{font-size:32px;font-style:normal;font-weight:900;line-height:1.33em}@media (width>=560px){.h1[data-v-a1c5a738],h1[data-v-a1c5a738]{font-size:42px}}.h2[data-v-a1c5a738],h2[data-v-a1c5a738]{font-size:28px;font-style:normal;font-weight:700;line-height:1.25em}@media (width>=560px){.h2[data-v-a1c5a738],h2[data-v-a1c5a738]{font-size:32px}}.h2.homepage[data-v-a1c5a738],h2.homepage[data-v-a1c5a738]{background-color:#00ffa3;margin-left:-12px;padding:4px 12px}.h3[data-v-a1c5a738],h3[data-v-a1c5a738]{font-size:22px;font-weight:700;line-height:1.33em}.content .h3[data-v-a1c5a738],.content h3[data-v-a1c5a738]{font-weight:500}@media (width>=560px){.h3[data-v-a1c5a738],h3[data-v-a1c5a738]{font-size:28px}}.h4[data-v-a1c5a738],h4[data-v-a1c5a738]{font-size:24px}.h4[data-v-a1c5a738],.h5[data-v-a1c5a738],h4[data-v-a1c5a738],h5[data-v-a1c5a738]{line-height:1.25em}.h5[data-v-a1c5a738],h5[data-v-a1c5a738]{font-size:22px}.h6[data-v-a1c5a738],h5[data-v-a1c5a738]{font-size:18px;line-height:1.25em}p[data-v-a1c5a738]{font-size:22px;line-height:1.33em}p[data-v-a1c5a738]:empty{display:none}a[data-v-a1c5a738]{color:#7b00cb;cursor:pointer;text-decoration:none;transition:all .35s cubic-bezier(.25,1,.3,1)}a[data-v-a1c5a738]:hover{color:#570092;text-decoration:underline}dl[data-v-a1c5a738]{grid-gap:.5em 32px;grid-template-columns:4fr 8fr;grid-auto-flow:row;place-content:start;place-items:start;display:grid}@media (width>=768px){dl.cp--dl[data-v-a1c5a738]{grid-template-columns:3fr 8fr}}dt[data-v-a1c5a738]{color:#8d8d8d}dd[data-v-a1c5a738]{white-space:pre-line}.content ol[data-v-a1c5a738],.content ul[data-v-a1c5a738]{padding-left:1.3em}@media (width>=768px){.content ol[data-v-a1c5a738],.content ul[data-v-a1c5a738]{padding-left:0}ol ol[data-v-a1c5a738],ol ul[data-v-a1c5a738],ul ol[data-v-a1c5a738],ul ul[data-v-a1c5a738]{margin-left:1.3em}}.content li[data-v-a1c5a738]{font-size:22px;line-height:1.25em;list-style-type:none;list-style-position:outside}.content li[data-v-a1c5a738]:before{color:#8d8d8d;text-align:right;width:1.3em;margin-left:-1.3em;padding-right:.2em;display:inline-block}.content ul li[data-v-a1c5a738]:before{content:"â"}.content ol li[data-v-a1c5a738]{counter-increment:list}.content ol li[data-v-a1c5a738]:before{content:counter(list) "."}strong[data-v-a1c5a738]{letter-spacing:.025em;font-weight:600}blockquote[data-v-a1c5a738]{color:#525252;border-left:16px solid #e0e0e0;margin:1em 0;padding-left:32px;font-size:28px;font-style:italic}html[data-v-a1c5a738],pre[data-v-a1c5a738]{font-family:Alegreya,sans-serif;font-size:18px;line-height:1.33em}.content[data-v-a1c5a738]{grid-column:1/span 4}@media (width>=768px){.content[data-v-a1c5a738]{grid-column:1/span 9}}@media (width>=944px){.content[data-v-a1c5a738]{grid-column:2/span 8}}@media (width>=1136px){.content[data-v-a1c5a738]{grid-column:2/span 7}}.content blockquote[data-v-a1c5a738],.content dl[data-v-a1c5a738],.content dl+p[data-v-a1c5a738],.content figure[data-v-a1c5a738],.content h1[data-v-a1c5a738],.content h2[data-v-a1c5a738],.content h3[data-v-a1c5a738],.content li[data-v-a1c5a738],.content ol[data-v-a1c5a738],.content p[data-v-a1c5a738],.content ul[data-v-a1c5a738]{margin-top:.75em}.content li[data-v-a1c5a738],.content li+ul[data-v-a1c5a738],.content ol[data-v-a1c5a738],.content ul[data-v-a1c5a738]{margin-top:.5em}.content h2[data-v-a1c5a738],.content h3[data-v-a1c5a738]{margin-top:1em}.header[data-v-a1c5a738],.header__logotype[data-v-a1c5a738]{align-items:center;height:48px;display:flex}.header__logotype[data-v-a1c5a738]{outline-offset:-2px;border-radius:100%;outline:2px solid #0000;flex:none;justify-content:center;width:48px}.header__logotype[data-v-a1c5a738]:focus{outline-color:#7b00cb}.header__title[data-v-a1c5a738]{color:#7b00cb;font-size:28px;font-weight:900}@media (width>=768px){.header__title[data-v-a1c5a738]{margin-left:4px}}.header__subtitle[data-v-a1c5a738]{color:#a8a8a8;font-size:22px;font-weight:600}.header__subtitle[data-v-a1c5a738]:after{content:"Â â fix typos"}@media (width>=390px){.header__subtitle[data-v-a1c5a738]:after{content:"Â â fix microtypography"}}@media (width>=944px){.header__subtitle[data-v-a1c5a738]:after{content:"Â â fix microtypography in English, German, Swiss Standard German, Slovak,
1Czech and Rusyn language"}}</style><style>@import "https://fonts.bunny.net/css?family=alegreya:500,500i,600,900,900i";.container[data-v-e02d512a]:after,.container[data-v-e02d512a]:before{content:" ";display:table}.container[data-v-e02d512a]:after{clear:both}@media (width>=768px){body[data-v-e02d512a]{overflow-x:hidden}}.container[data-v-e02d512a]{margin-left:auto;margin-right:auto;padding:0 16px}@media (width>=768px){.container[data-v-e02d512a]{width:736px;padding:0}}@media (width>=944px){.container[data-v-e02d512a]{width:912px}}@media (width>=1136px){.container[data-v-e02d512a]{width:1104px}}@media (width>=1560px){.container--project-list[data-v-e02d512a]{width:auto;margin:0 32px}}.grid[data-v-e02d512a]{grid-gap:32px 32px;grid-template-columns:repeat(4,1fr);grid-auto-flow:row;place-content:start;place-items:start;display:grid}@media (width>=768px){.grid[data-v-e02d512a]{grid-template-columns:repeat(12,32px)}}@media (width>=944px){.grid[data-v-e02d512a]{grid-template-columns:repeat(12,46.6667px)}}@media (width>=1136px){.grid[data-v-e02d512a]{grid-template-columns:repeat(12,62.6667px)}}html[data-v-e02d512a]{color:#525252;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;box-sizing:border-box;font-variant-numeric:oldstyle-nums;text-rendering:optimizelegibility;letter-spacing:.015em;background-color:#fff;font-family:Alegreya,sans-serif;font-size:18px;line-height:1.25em}[data-v-e02d512a],[data-v-e02d512a]:after,[data-v-e02d512a]:before{box-sizing:border-box;margin:0}.h1[data-v-e02d512a],h1[data-v-e02d512a]{font-size:32px;font-style:normal;font-weight:900;line-height:1.33em}@media (width>=560px){.h1[data-v-e02d512a],h1[data-v-e02d512a]{font-size:42px}}.h2[data-v-e02d512a],h2[data-v-e02d512a]{font-size:28px;font-style:normal;font-weight:700;line-height:1.25em}@media (width>=560px){.h2[data-v-e02d512a],h2[data-v-e02d512a]{font-size:32px}}.h2.homepage[data-v-e02d512a],h2.homepage[data-v-e02d512a]{background-color:#00ffa3;margin-left:-12px;padding:4px 12px}.h3[data-v-e02d512a],h3[data-v-e02d512a]{font-size:22px;font-weight:700;line-height:1.33em}.content .h3[data-v-e02d512a],.content h3[data-v-e02d512a]{font-weight:500}@media (width>=560px){.h3[data-v-e02d512a],h3[data-v-e02d512a]{font-size:28px}}.h4[data-v-e02d512a],h4[data-v-e02d512a]{font-size:24px}.h4[data-v-e02d512a],.h5[data-v-e02d512a],h4[data-v-e02d512a],h5[data-v-e02d512a]{line-height:1.25em}.h5[data-v-e02d512a],h5[data-v-e02d512a]{font-size:22px}.h6[data-v-e02d512a],h5[data-v-e02d512a]{font-size:18px;line-height:1.25em}p[data-v-e02d512a]{font-size:22px;line-height:1.33em}p[data-v-e02d512a]:empty{display:none}a[data-v-e02d512a]{color:#7b00cb;cursor:pointer;text-decoration:none;transition:all .35s cubic-bezier(.25,1,.3,1)}a[data-v-e02d512a]:hover{color:#570092;text-decoration:underline}dl[data-v-e02d512a]{grid-gap:.5em 32px;grid-template-columns:4fr 8fr;grid-auto-flow:row;place-content:start;place-items:start;display:grid}@media (width>=768px){dl.cp--dl[data-v-e02d512a]{grid-template-columns:3fr 8fr}}dt[data-v-e02d512a]{color:#8d8d8d}dd[data-v-e02d512a]{white-space:pre-line}.content ol[data-v-e02d512a],.content ul[data-v-e02d512a]{padding-left:1.3em}@media (width>=768px){.content ol[data-v-e02d512a],.content ul[data-v-e02d512a]{padding-left:0}ol ol[data-v-e02d512a],ol ul[data-v-e02d512a],ul ol[data-v-e02d512a],ul ul[data-v-e02d512a]{margin-left:1.3em}}.content li[data-v-e02d512a]{font-size:22px;line-height:1.25em;list-style-type:none;list-style-position:outside}.content li[data-v-e02d512a]:before{color:#8d8d8d;text-align:right;width:1.3em;margin-left:-1.3em;padding-right:.2em;display:inline-block}.content ul li[data-v-e02d512a]:before{content:"â"}.content ol li[data-v-e02d512a]{counter-increment:list}.content ol li[data-v-e02d512a]:before{content:counter(list) "."}strong[data-v-e02d512a]{letter-spacing:.025em;font-weight:600}blockquote[data-v-e02d512a]{color:#525252;border-left:16px solid #e0e0e0;margin:1em 0;padding-left:32px;font-size:28px;font-style:italic}html[data-v-e02d512a],pre[data-v-e02d512a]{font-family:Alegreya,sans-serif;font-size:18px;line-height:1.33em}.content[data-v-e02d512a]{grid-column:1/span 4}@media (width>=768px){.content[data-v-e02d512a]{grid-column:1/span 9}}@media (width>=944px){.content[data-v-e02d512a]{grid-column:2/span 8}}@media (width>=1136px){.content[data-v-e02d512a]{grid-column:2/span 7}}.content blockquote[data-v-e02d512a],.content dl[data-v-e02d512a],.content dl+p[data-v-e02d512a],.content figure[data-v-e02d512a],.content h1[data-v-e02d512a],.content h2[data-v-e02d512a],.content h3[data-v-e02d512a],.content li[data-v-e02d512a],.content ol[data-v-e02d512a],.content p[data-v-e02d512a],.content ul[data-v-e02d512a]{margin-top:.75em}.content li[data-v-e02d512a],.content li+ul[data-v-e02d512a],.content ol[data-v-e02d512a],.content ul[data-v-e02d512a]{margin-top:.5em}.content h2[data-v-e02d512a],.content h3[data-v-e02d512a]{margin-top:1em}.footer[data-v-e02d512a]{margin-left:8px;padding:8px 8px 12px;font-size:16px;display:block}.footer--xs-hidden[data-v-e02d512a]{display:none}@media (width>=560px){.footer--xs-hidden[data-v-e02d512a]{display:inline}}@media (width>=768px){.footer[data-v-e02d512a]{margin-left:54px}}
1.footer__copyright[data-v-e02d512a]{color:#6f6f6f;margin-right:8px;display:inline}.footer__link[data-v-e02d512a]{color:#6f6f6f;border-bottom:1px solid #c6c6c6}.footer__link[data-v-e02d512a]:hover{color:#393939;border-bottom:1px solid #393939;text-decoration:none}.footer__link--primary[data-v-e02d512a]{color:#7b00cb;border-bottom:1px solid #c093ff}.footer__link--primary[data-v-e02d512a]:hover{color:#570092;border-bottom:1px solid #570092;text-decoration:none}.footer__separator[data-v-e02d512a]{color:#c6c6c6;margin:0 8px;display:inline}</style><style>@import "https://fonts.bunny.net/css?family=alegreya:500,500i,600,900,900i";.container:after,.container:before{content:" ";display:table}.container:after{clear:both}@media (width>=768px){body{overflow-x:hidden}}.container{margin-left:auto;margin-right:auto;padding:0 16px}@media (width>=768px){.container{width:736px;padding:0}}@media (width>=944px){.container{width:912px}}@media (width>=1136px){.container{width:1104px}}@media (width>=1560px){.container--project-list{width:auto;margin:0 32px}}.grid{grid-gap:32px 32px;grid-template-columns:repeat(4,1fr);grid-auto-flow:row;place-content:start;place-items:start;display:grid}@media (width>=768px){.grid{grid-template-columns:repeat(12,32px)}}@media (width>=944px){.grid{grid-template-columns:repeat(12,46.6667px)}}@media (width>=1136px){.grid{grid-template-columns:repeat(12,62.6667px)}}html{color:#525252;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;box-sizing:border-box;font-variant-numeric:oldstyle-nums;text-rendering:optimizelegibility;letter-spacing:.015em;background-color:#fff;font-family:Alegreya,sans-serif;font-size:18px;line-height:1.25em}*,:after,:before{box-sizing:border-box;margin:0}.h1,h1{font-size:32px;font-style:normal;font-weight:900;line-height:1.33em}@media (width>=560px){.h1,h1{font-size:42px}}.h2,h2{font-size:28px;font-style:normal;font-weight:700;line-height:1.25em}@media (width>=560px){.h2,h2{font-size:32px}}.h2.homepage,h2.homepage{background-color:#00ffa3;margin-left:-12px;padding:4px 12px}.h3,h3{font-size:22px;font-weight:700;line-height:1.33em}.content .h3,.content h3{font-weight:500}@media (width>=560px){.h3,h3{font-size:28px}}.h4,h4{font-size:24px}.h4,.h5,h4,h5{line-height:1.25em}.h5,h5{font-size:22px}.h6,h5{font-size:18px;line-height:1.25em}p{font-size:22px;line-height:1.33em}p:empty{display:none}a{color:#7b00cb;cursor:pointer;text-decoration:none;transition:all .35s cubic-bezier(.25,1,.3,1)}a:hover{color:#570092;text-decoration:underline}dl{grid-gap:.5em 32px;grid-template-columns:4fr 8fr;grid-auto-flow:row;place-content:start;place-items:start;display:grid}@media (width>=768px){dl.cp--dl{grid-template-columns:3fr 8fr}}dt{color:#8d8d8d}dd{white-space:pre-line}.content ol,.content ul{padding-left:1.3em}@media (width>=768px){.content ol,.content ul{padding-left:0}ol ol,ol ul,ul ol,ul ul{margin-left:1.3em}}.content li{font-size:22px;line-height:1.25em;list-style-type:none;list-style-position:outside}.content li:before{color:#8d8d8d;text-align:right;width:1.3em;margin-left:-1.3em;padding-right:.2em;display:inline-block}.content ul li:before{content:"â"}.content ol li{counter-increment:list}.content ol li:before{content:counter(list) "."}strong{letter-spacing:.025em;font-weight:600}blockquote{color:#525252;border-left:16px solid #e0e0e0;margin:1em 0;padding-left:32px;font-size:28px;font-style:italic}html,pre{font-family:Alegreya,sans-serif;font-size:18px;line-height:1.33em}.content{grid-column:1/span 4}@media (width>=768px){.content{grid-column:1/span 9}}@media (width>=944px){.content{grid-column:2/span 8}}@media (width>=1136px){.content{grid-column:2/span 7}}.content blockquote,.content dl,.content dl+p,.content figure,.content h1,.content h2,.content h3,.content li,.content ol,.content p,.content ul{margin-top:.75em}.content li,.content li+ul,.content ol,.content ul{margin-top:.5em}.content h2,.content h3{margin-top:1em}.btn{vertical-align:middle;-webkit-user-select:none;user-select:none;letter-spacing:.025em;white-space:nowrap;cursor:pointer;border:none;border-radius:6px;gap:8px;width:fit-content;padding:8px 12px;font-family:Alegreya,sans-serif;font-size:18px;font-weight:600;line-height:22px;transition:all .35s cubic-bezier(.25,1,.3,1);display:inline-flex}.btn,.btn .btn__icon{justify-content:center;align-items:center}.btn .btn__icon{flex-shrink:0;width:24px;height:24px;display:flex}.btn .btn__icon svg{background-color:#0000;width:24px;min-width:24px;height:24px;min-height:24px;line-height:1;display:block}.btn{color:#525252;outline-offset:-2px;background-color:#e0e0e0;outline:2px solid #0000;box-shadow:0 0 0 2px #0000,0 0 0 4px #0000}.btn:hover{color:#525252;background-color:#c6c6c6;text-decoration:none}.btn:focus,.btn:hover{outline-color:#0000}.btn:focus{z-index:var(--z-index-20-state);box-shadow:0 0 0 2px #fff,0 0 0 4px #7b00cb}.btn--primary{color:#fff;outline-offset:-2px;background-color:#7b00cb;outline:2px solid #0000;box-shadow:0 0 0 2px #0000,0 0 0 4px #0000}.btn--primary:hover{color:#fff;background-color:#570092;outline-color:#0000;text-decoration:none}.btn--primary:focus{z-index:var(--z-index-20-state);outline-color:#0000;box-shadow:0 0 0 2px #fff,0 0 0 4px #7b00cb}.btn--outline{color:#7b00cb;outline-offset:-2px;background-color:#fff;outline:2px solid #7b00cb;box-shadow:0 0 0 2px #0000,0 0 0 4px #0000}.btn--outline:hover{color:#fff;background-color:#570092;outline-color:#570092;text-decoration:none}.btn--outline:focus{z-index:var(--z-index-20-state);outline-color:#7b00cb;box-shadow:0 0 0 2px #fff,0 0 0 4px #7b00cb}.btn--dropdown{color:#525252;outline-offset:-2px;background-color:#fff;outline:2px solid #7b00cb;box-shadow:0 0 0 2px #0000,0 0 0 4px #0000}.btn--dropdown:hover{color:#570092;background-color:#f6f1ff;outline-color:#570092;text-decoration:none}.btn--dropdown:focus{z-index:var(--z-index-20-state);outline-color:#7b00cb;box-shadow:0 0 0 2px #fff,0 0 0 4px #7b00cb}.btn--success-state{color:#00a366;outline-offset:-2px;background-color:#fff;outline:2px solid #00c17a;box-shadow:0 0 0 2px #0000,0 0 0 4px #0000}.btn--success-state:hover{color:#00a366;background-color:#fff;outline-color:#00c17a;text-decoration:none}.btn--success-state:focus{z-index:var(--z-index-20-state);outline-color:#00c17a;box-shadow:0 0 0 2px #fff,0 0 0 4px #7b00cb}.btn--success-state{cursor:default}.btn--sm{border-radius:6px;gap:4px;width:fit-content;padding:4px 8px;font-size:16px;font-weight:600;line-height:20px}.btn--sm .btn__icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:20px;
1display:flex}.btn--sm .btn__icon svg{background-color:#0000;width:16px;min-width:16px;height:16px;min-height:16px;line-height:1;display:block}.btn--lg{border-radius:6px;gap:12px;width:fit-content;padding:12px 16px;font-size:22px;font-weight:600;line-height:26px}.btn--lg .btn__icon{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.btn--lg .btn__icon svg{background-color:#0000;width:40px;min-width:40px;height:40px;min-height:40px;line-height:1;display:block}.btn__icon--white-bg{background-color:#fff;border-radius:1px;outline:4px solid #fff}.typopo-app-wrapper{background-color:#f4f4f4;padding:12px;overflow:hidden}@media (width>=768px){.typopo-app-wrapper{margin-left:48px}}.typopo-app-grid{grid-gap:0 0;grid-template-rows:auto 1fr auto;height:100%;display:grid}@media (width>=1136px){.typopo-app-grid{width:90%}}@media (width>=1560px){.typopo-app-grid{width:80%}}.actions-panel{align-items:flex-start;margin-bottom:12px;display:flex}@media (width>=560px){.actions-panel{flex-direction:row;align-items:center}}.actions-panel__action{margin-bottom:4px}@media (width>=560px){.actions-panel__action{margin-bottom:0}}.actions-panel__options{align-items:baseline;display:flex}.actions-panel__action+.actions-panel__options{margin-left:4px}.actions-panel__option{align-items:baseline;display:flex}.actions-panel__option--lines{display:none}@media (width>=560px){.actions-panel__option--lines{display:flex}}.actions-panel__option-label{color:#8d8d8d;margin:0 8px}.workspace{grid-row-gap:8px;grid-template-rows:1fr 1fr;display:grid;overflow-x:hidden}@media (width>=768px){.workspace{grid-row-gap:0;grid-column-gap:16px;grid-template-rows:1fr;grid-template-columns:4fr 1fr;overflow-x:hidden}.workspace:has(.preview__pane){grid-template-columns:1fr 1fr}}@media (width>=1136px){.workspace{grid-template-columns:5fr 3fr}.workspace:has(.preview__pane){grid-template-columns:1fr 1fr}}@media (width>=1560px){.workspace{grid-template-columns:1fr 1fr}}.editor__pane{border:2px solid #c6c6c6;border-radius:6px;flex-direction:column;transition:all .35s cubic-bezier(.25,1,.3,1);display:flex;overflow:hidden}.editor__pane--focus,.editor__pane:focus,.editor__pane:hover{border-color:#7b00cb;outline-style:none}.editor__status-bar,.preview__status-bar{color:#525252;-webkit-user-select:none;user-select:none;background-color:#e0e0e0;align-items:center;padding:6px 8px;font-size:16px;display:flex}.editor__status-bar--success,.preview__status-bar--success{color:#005f3a;background-color:#00e291}.editor__status-bar .bi,.preview__status-bar .bi{margin-right:6px}.editor__status-bar *+.bi,.preview__status-bar *+.bi{margin-left:6px}.editor__content{color:#525252;resize:none;letter-spacing:.015em;border:0;height:100%;padding:6px 8px;line-height:1.5em;overflow:hidden auto}.editor__content:focus,.editor__content:hover{outline-style:none}.editor__content:focus .editor__pane,.editor__content:hover .editor__pane{border-color:#7b00cb}.editor__content::selection{color:#fff;background-color:#7b00cb}.preview__pane{border:2px solid #c6c6c6;border-radius:6px;flex-direction:column;animation-name:appear;animation-duration:.35s;animation-timing-function:cubic-bezier(.25,1,.3,1);animation-iteration-count:1;display:flex;overflow-x:hidden}.preview__content{color:#8d8d8d;white-space:pre-wrap;letter-spacing:.015em;height:100%;margin-bottom:6px;padding:6px 8px;line-height:1.5em;overflow-y:auto}@media (width>=768px){.preview__content{border-bottom:0}}.preview__content del,.preview__content ins{border-radius:4px;min-width:8px;min-height:8px;margin:0 1px 2px;padding:0 2px;text-decoration:none;display:inline-flex}.preview__content del{color:#fff;background-color:#ff486d}.preview__content ins{color:#005f3a;background-color:#00e291}.counter,.counter p{color:#8d8d8d;padding-top:4px;padding-left:2px;font-size:16px}@media (width<=560px){.counter,.counter p{display:none}}.counter p--dot,.counter--dot{color:#a8a8a8}@keyframes appear{0%{opacity:0}to{opacity:1}}</style><style>body[data-v-cb942ee4]{overflow:hidden}.typopo-app[data-v-cb942ee4]{grid-template-rows:auto 1fr auto;height:100vh;display:grid}</style><style>.container:after,.container:before{content:" ";display:table}.container:after{clear:both}@media (width>=768px){body{overflow-x:hidden}}
1.container{margin-left:auto;margin-right:auto;padding:0 16px}@media (width>=768px){.container{width:736px;padding:0}}@media (width>=944px){.container{width:912px}}@media (width>=1136px){.container{width:1104px}}@media (width>=1560px){.container--project-list{width:auto;margin:0 32px}}.grid{grid-gap:32px 32px;grid-template-columns:repeat(4,1fr);grid-auto-flow:row;place-content:start;place-items:start;display:grid}@media (width>=768px){.grid{grid-template-columns:repeat(12,32px)}}@media (width>=944px){.grid{grid-template-columns:repeat(12,46.6667px)}}@media (width>=1136px){.grid{grid-template-columns:repeat(12,62.6667px)}}.logotype{flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:flex}@keyframes anim-logotype__top{0%{fill:#7b00cb}33%{fill:#7b00cb}34%{fill:#00e291}66%{fill:#00e291}67%{fill:#ff486d}99%{fill:#ff486d}to{fill:#7b00cb}}@keyframes anim-logotype__left{0%{fill:#ff486d}33%{fill:#ff486d}34%{fill:#7b00cb}66%{fill:#7b00cb}67%{fill:#00e291}99%{fill:#00e291}to{fill:#ff486d}}@keyframes anim-logotype__right{0%{fill:#00e291}33%{fill:#00e291}34%{fill:#ff486d}66%{fill:#ff486d}67%{fill:#7b00cb}99%{fill:#7b00cb}to{fill:#00e291}}.logotype__top{fill:#7b00cb;animation-name:anim-logotype__top;animation-duration:25s;animation-timing-function:cubic-bezier(.25,1,.3,1);animation-iteration-count:infinite;animation-delay:.5s}.logotype__left{fill:#ff486d;animation-name:anim-logotype__left;animation-duration:25s;animation-timing-function:cubic-bezier(.25,1,.3,1);animation-iteration-count:infinite;animation-delay:0}.logotype__right{fill:#00e291;animation-name:anim-logotype__right;animation-duration:25s;animation-timing-function:cubic-bezier(.25,1,.3,1);animation-iteration-count:infinite;animation-delay:.25s}</style><link rel="stylesheet" href="/_nuxt/entry.iLDvL27Z.css" crossorigin><link rel="stylesheet" href="/_nuxt/useDefaultHead.D3xddeQa.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/_nuxt/Cg12CPNK.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/BTEpTa7z.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/BcnManGW.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/CEtU6PPs.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/B1rX8ayx.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/BDNMzG2s.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/C2J7cCC2.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/CLvCgz25.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/s_oWUknV.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/CGUfVxD9.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/BORAGGQb.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/CNs_Ozdc.js">
1<script type="module" src="/_nuxt/Cg12CPNK.js" crossorigin></script>
1<link rel="prefetch" as="style" crossorigin href="/_nuxt/default.PnBpaV7p.css"><link rel="prefetch" as="script" crossorigin href="/_nuxt/C7SRieef.js"><link rel="prefetch" as="script" crossorigin href="/_nuxt/Dmuv4cmp.js"><link rel="prefetch" as="script" crossorigin href="/_nuxt/C1jGzSC-.js"><link rel="prefetch" as="script" crossorigin href="/_nuxt/DtH60QkH.js"><meta name="apple-mobile-web-app-title" content="typopo"><link rel="icon" type="image/png" sizes="96x96" href="/favicons/favicon-96x96.png"><link rel="icon" type="image/svg+xml" href="/favicons/favicon.svg"><link rel="shortcut icon" href="/favicons/favicon.ico"><link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png"><link rel="manifest" href="/favicons/site.webmanifest"><meta property="og:title" content="typopoâfix microtypography in multiple languages"><meta name="description" content="Typopo fixes microtypography errors that often require an attentive eye and knowledge of local typography rules. It works for English, German, Swiss Standard German, Slovak, Czech and Rusyn texts."><meta property="og:description" content="Typopo fixes microtypography errors that often require an attentive eye and knowledge of local typography rules. It works for English, German, Swiss Standard German, Slovak, Czech and Rusyn texts."><meta name="keywords" content="product design, research, mentoring"><meta property="og:type" content="website"><meta property="og:image" content="https://typopo.org/typopo--og--2025.png"><meta property="og:url" content="https://typopo.org"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="typopoâfix microtypography in multiple languages"><meta name="twitter:description" content="Typopo fixes microtypography errors that often require an attentive eye and knowledge of local typography rules. It works for English, German, Swiss Standard German, Slovak, Czech and Rusyn texts."><meta name="twitter:image" content="https://typopo.org/typopo--og--2025.png"><meta name="twitter:image:alt" content="Typopo"><link rel="canonical" href="https://typopo.org/app"></head><body><div id="__nuxt"><div class="typopo-app" data-v-cb942ee4><header class="header" data-v-cb942ee4 data-v-a1c5a738><a href="/" class="header__logotype" data-v-a1c5a738><div class="logotype" data-v-a1c5a738><svg class="logotype__wrapper" version="1.2" baseprofile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="36px" height="36px" viewbox="0 0 36 36" xml:space="preserve"><path class="logotype__top" d="M32.92,7.88C29.68,3.1,24.21-0.04,18-0.04c-6.21,0-11.68,3.14-14.92,7.92H32.92z"></path><path class="logotype__left" d="M15.12,13.64H0.53C0.18,15.03,0,16.47,0,17.96c0,8.96,6.55,16.39,15.12,17.77V13.64z"></path><path class="logotype__right" d="M20.88,13.64v22.09C29.45,34.35,36,26.92,36,17.96c0-1.49-0.18-2.93-0.53-4.32H20.88z"></path></svg></div></a><h1 class="header__title" data-v-a1c5a738>Typopo</h1><h2 class="header__subtitle" data-v-a1c5a738></h2></header><!--[--><div></div><div class="typopo-app-wrapper"><div class="typopo-app-grid"><div class="actions-panel"><div class="actions-panel__action"><button class="btn btn--primary">Fix typos</button></div><div class="actions-panel__options"><div class="actions-panel__option"><div class="actions-panel__option-label">in</div><div class="dropdown"><button class="btn btn--dropdown dropdown-toggle" id="langOptions" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img class="btn__icon" src="/icons/english.svg" alt="English text"><span>English text</span></button><!----></div></div><div class="actions-panel__option actions-panel__option--lines"><div class="actions-panel__option-label">and</div><div class="dropdown"><button class="btn btn--dropdown dropdown-toggle" id="linesOptions" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><!----><span>remove empty lines</span></button><!----></div></div></div></div><div class="workspace"><div class="editor__pane--focus editor__pane"><div class="editor__status-bar"><svg width="1em" height="1em" viewbox="0 0 16 16" class="bi bi-arrow-up-circle" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"></path><path fill-rule="evenodd" d="M8 12a.5.5 0 0 0 .5-.5V5.707l2.146 2.147a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 1 0 .708.708
1L7.5 5.707V11.5a.5.5 0 0 0 .5.5z"></path></svg><div class="editor__status-bar-description">Click âFix typosâ to fix the sample text; or paste your text to fix it.</div></div><!----><!----><textarea class="editor__content" placeholder="Paste a text to fix typos" aria-label="Paste a text to fix typos"></textarea></div><!----></div><div class="counter"><p>0 chars <span class="counter--dot">â¢</span> 0 words <span class="counter--dot">â¢</span> 1 line</p></div></div></div><!--]--><footer class="footer" data-v-cb942ee4 data-v-e02d512a><div class="footer__copyright" data-v-e02d512a>Typopo © 2015â26</div><a class="footer__link" href="https://brano.me" target="_blank" rel="nofollow noopener" data-v-e02d512a>BraÅo Å andala</a><div class="footer--xs-hidden" data-v-e02d512a><div class="footer__separator" data-v-e02d512a>â¢</div><a href="/" class="footer__link" data-v-e02d512a>About</a><div class="footer__separator" data-v-e02d512a>â¢</div><a class="footer__link" href="mailto:[email protected]?subject=Typopo%20feedback" target="_blank" data-v-e02d512a>Feedback</a><div class="footer__separator" data-v-e02d512a>â¢</div><a class="footer__link footer__link--primary" href="https://ko-fi.com/branosandala" target="_blank" rel="nofollow noopener" data-v-e02d512a>Support the project</a></div></footer></div></div><div id="teleports"></div>
1<script>window.__NUXT_SITE_CONFIG__=(function(a){return {_priority:{env:-15,url:a,name:a},env:"production",name:"typopo",url:"https:\u002F\u002Ftypopo.org"}}(-3))</script>
1<script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/",buildId:"b266d708-aa04-4e4b-96c7-9a222c3e16b8",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script>
1<script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__">[["ShallowReactive",1],{"data":2,"state":4,"once":13,"_errors":14,"serverRendered":16,"path":17},["ShallowReactive",3],{},["Reactive",5],{"$ssite-config":6},{"_priority":7,"env":10,"name":11,"url":12},{"env":8,"url":9,"name":9},-15,-3,"production","typopo","https:\u002F\u002Ftypopo.org",["Set"],["ShallowReactive",15],{},true,"\u002Fapp"]</script>
1</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.