{"id":839,"date":"2026-08-27T04:25:41","date_gmt":"2026-08-27T04:25:41","guid":{"rendered":"https:\/\/www.visionpros.ca\/pro\/?p=839"},"modified":"2026-08-27T04:25:43","modified_gmt":"2026-08-27T04:25:43","slug":"history-of-contact-lenses","status":"publish","type":"post","link":"https:\/\/www.visionpros.ca\/pro\/history-of-contact-lenses\/","title":{"rendered":"The History of Contact Lenses"},"content":{"rendered":"\n<!-- ===== PASTE FROM HERE INTO THE POST BODY (Code editor) ===== -->\n<style>\n\n\/* ==========================================================================\n   The history of contact lenses, answered - drop-in article body for\n   Vision Pro Eyes. Everything is scoped under .vp2 so nothing leaks into\n   the VisionPros theme. The wrapper breaks out of the theme's content\n   container to run full width, the same technique the theme already\n   tolerates on .entry-content (overflow is visible, no max-width).\n   Fonts: swap the @import for the VisionPros Typekit kit and use Futura PT\n   in place of Jost before this goes to production.\n   ========================================================================== *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Jost:wght@300;400;500;600;700&family=Lato:ital,wght@0,400;0,700;0,900;1,400&display=swap');\n\n\/* The theme prints the post title as an H1 above the article, and the hero\n   below carries its own. Hiding the theme copy keeps the page to a single H1.\n   The breadcrumbs and section logo in that header are untouched, and this rule\n   ships inside this post so no other page is affected. *\/\n#content .main > .header > h1{ display:none }\n\n\/* The featured image is set so the blog index and share card have a thumbnail,\n   but the hero replaces it on the post itself. *\/\n.entry-content > .post-thumbnail{ display:none }\n\n.vp2{ text-align:left; text-transform:none; letter-spacing:normal }\n.vp2 *{ box-sizing:border-box }\n\n\/* The theme targets .entry-content p \/ h2 \/ a \/ img directly, and a direct rule\n   always beats an inherited one whatever the specificity. So every property the\n   theme sets on a bare element is re-declared here rather than inherited. These\n   sit at equal specificity and win on document order, because this block is in\n   the post body and the theme's is in the head. *\/\n.vp2 h1,.vp2 h2,.vp2 h3,.vp2 h4{\n  font-family:var(--display); color:var(--navy); font-weight:600;\n  text-transform:none; padding:0; border:0; background:none;\n}\n.vp2 p{ font-family:var(--body); font-size:var(--t-body); line-height:1.7; color:var(--ink) }\n.vp2 li,.vp2 td,.vp2 dd,.vp2 dt{ font-family:var(--body); color:var(--ink) }\n.vp2 a{ color:var(--navy); font-family:inherit; box-shadow:none }\n.vp2 button{ font-family:var(--display) }\n.vp2 img{ border:0; box-shadow:none }\n.vp2 ul,.vp2 ol{ margin:0; padding:0; list-style:none }\n.vp2 figure{ margin:0; padding:0; background:none; border:0 }\n.vp2 dl{ margin:0 }\n\n\/* ============================================================\n   VISIONPROS.CA \/ THE HISTORY OF CONTACT LENSES, ANSWERED\n   Design read: question-led editorial history for Canadian shoppers,\n   bright clinical-optical language, VisionPros navy on white and ice.\n   DESIGN_VARIANCE 7 \/ MOTION_INTENSITY 6 \/ VISUAL_DENSITY 4\n\n   Deliberately the inverse of the Lens.com piece: light not dark,\n   geometric sans not old-style serif, soft radii not square,\n   question-led not chapter-led, sticky-stack not parallax.\n\n   LOCKS\n   - Theme lock: LIGHT, every section. No inverted band mid-page.\n   - Colour lock: VisionPros navy is structural ink. ONE accent, amber.\n     Amber #9a6206 for text (5.1:1 on white), #e0a02a for fills and marks.\n     Navy fill carries every primary action, white on navy is 9.7:1.\n   - Shape lock: documented scale. Cards and media 10px, controls and data\n     bars 5px, hairline rules 2px, the progress ring is a circle because it\n     is one. The answer blocks carry no box at all, by design. Matches the\n     live VisionPros site. Nothing is pill-shaped.\n   - Type scale: 8 steps, nothing below 14px, no em compounding.\n   ============================================================ *\/\n\n.vp2{\n  \/* surfaces *\/\n  --paper:   #ffffff;\n  --ice:     #ebf4fd;   \/* VisionPros pale blue, sampled from the live site *\/\n  --ice-2:   #dceafa;\n  --navy:    #0e4773;   \/* VisionPros brand navy *\/\n  --blue:    #3176b4;   \/* VisionPros mid blue *\/\n  --rule:    #d7e3f0;\n  --rule-2:  #eaf1f8;\n\n  \/* ink *\/\n  --ink:     #1c2b3a;   \/* 14.5:1 on white *\/\n  --ink-mid: #5a6b7d;   \/* 5.5:1 on white *\/\n\n  \/* the one accent *\/\n  --amber:      #9a6206;  \/* 5.1:1 on white, safe for text *\/\n  --amber-fill: #e0a02a;  \/* marks, underlines, fills only *\/\n\n  \/* type *\/\n  --display: \"Jost\", \"Futura PT\", \"Century Gothic\", sans-serif;\n  --body:    \"Lato\", -apple-system, \"Segoe UI\", Arial, sans-serif;\n\n  \/* 8-step scale *\/\n  --t-cap:  14px;\n  --t-ui:   17px;\n  --t-body: 19px;\n  --t-lede: 24px;\n  --t-h3:   28px;\n  --t-h2:   clamp(30px, 3.6vw, 46px);\n  --t-h1:   clamp(40px, 6vw, 76px);\n  --t-huge: clamp(56px, 9vw, 124px);\n\n  --measure: 36rem;\n  --gutter: clamp(20px, 5vw, 72px);\n  --r-card: 10px;\n  --r-ctrl: 5px;\n}\n\n.vp2 *, .vp2 *::before, .vp2 *::after{ box-sizing:border-box }\n.vp2{ -webkit-text-size-adjust:100%; scroll-behavior:smooth }\n.vp2{\n  margin:0; background:var(--paper); color:var(--ink);\n  font-family:var(--body); font-size:var(--t-body); line-height:1.7;\n  -webkit-font-smoothing:antialiased;\n}\n.vp2 img{ max-width:100%; height:auto; display:block }\n.vp2 a{ color:var(--navy); text-underline-offset:3px; text-decoration-thickness:1px }\n.vp2 a:hover{ text-decoration-thickness:2px }\n.vp2 :focus-visible{ outline:3px solid var(--amber-fill); outline-offset:3px }\n\n.vp2 h1, .vp2 h2, .vp2 h3, .vp2 h4{ font-family:var(--display); color:var(--navy); margin:0; font-weight:600 }\n.vp2 h1{ font-size:var(--t-h1); line-height:1.02; letter-spacing:-.018em }\n.vp2 h2{ font-size:var(--t-h2); line-height:1.08; letter-spacing:-.014em }\n.vp2 h3{ font-size:var(--t-h3); line-height:1.2; letter-spacing:-.008em; font-weight:500 }\n.vp2 p{ margin:0 0 1.1em }\n\n.vp2 .wrap{ max-width:1320px; margin:0 auto; padding-inline:var(--gutter) }\n.vp2 .measure{ max-width:var(--measure) }\n.vp2 .section{ padding-block:clamp(64px,8vw,124px) }\n.vp2 .section--ice{ background:var(--ice) }\n.vp2 .section--rule{ border-top:1px solid var(--rule) }\n.vp2 .lede{ font-size:var(--t-lede); line-height:1.5; color:var(--ink); max-width:34rem }\n.vp2 .mute{ color:var(--ink-mid) }\n\n\/* ---------- controls. shape lock: 5px. ---------- *\/\n.vp2 .btn{\n  display:inline-block; font-family:var(--display); font-size:var(--t-ui);\n  font-weight:600; text-decoration:none; padding:14px 28px;\n  border-radius:var(--r-ctrl); border:2px solid transparent; white-space:nowrap;\n  transition:transform .12s cubic-bezier(.16,1,.3,1), background .18s ease, border-color .18s ease;\n}\n.vp2 .btn:active{ transform:translateY(1px) }\n.vp2 .btn-primary{ background:var(--navy); color:#fff }          \/* 9.7:1 *\/\n.vp2 .btn-primary:hover{ background:#0a3a60; color:#fff }\n.vp2 .btn-ghost{ border-color:var(--navy); color:var(--navy); background:transparent }\n.vp2 .btn-ghost:hover{ background:var(--ice) }\n\n\/* amber is a mark, never a surface behind small text *\/\n.vp2 .mark{\n  background:linear-gradient(transparent 62%, var(--amber-fill) 62%, var(--amber-fill) 92%, transparent 92%);\n  padding:0 .06em;\n}\n.vp2 .rule-amber{ width:56px; height:4px; background:var(--amber-fill); border-radius:2px; margin-bottom:26px }\n\n\/* ---------- reading progress. a ring, not a bar. ---------- *\/\n.vp2 .ring{\n  position:fixed; right:clamp(14px,2vw,26px); bottom:clamp(14px,2vw,26px);\n  width:52px; height:52px; z-index:60; pointer-events:none;\n  background:rgba(255,255,255,.9); border-radius:50%;\n  box-shadow:0 2px 14px rgba(14,71,115,.16);\n  display:grid; place-items:center;\n}\n.vp2 .ring svg{ width:44px; height:44px; transform:rotate(-90deg) }\n.vp2 .ring circle{ fill:none; stroke-width:3.5 }\n.vp2 .ring .track{ stroke:var(--rule) }\n.vp2 .ring .bar{\n  stroke:var(--amber-fill); stroke-linecap:round;\n  stroke-dasharray:1 1; stroke-dashoffset:0;\n  animation:ringfill linear both; animation-timeline:scroll(root block);\n}\n@keyframes ringfill{ from{ stroke-dasharray:0 1 } to{ stroke-dasharray:1 1 } }\n\n\/* ---------- masthead ---------- *\/\n.vp2 .masthead{\n  position:sticky; top:0; z-index:50; background:var(--navy);\n  border-bottom:3px solid var(--blue);\n}\n.vp2 .masthead-in{\n  max-width:1320px; margin:0 auto; padding:0 var(--gutter);\n  height:60px; display:flex; align-items:center; gap:20px;\n  font-family:var(--display); font-size:var(--t-cap); font-weight:500;\n}\n.vp2 .masthead a{ color:#dbe8f5; text-decoration:none; display:inline-flex; align-items:center; min-height:44px }\n.vp2 .masthead a:hover{ color:#fff }\n.vp2 .mast-brand{ color:#fff !important; font-weight:700; font-size:17px; letter-spacing:-.01em }\n.vp2 .mast-sep{ color:rgba(255,255,255,.32) }\n.vp2 .masthead a.mast-cta{\n  margin-left:auto; background:#fff; color:var(--navy) !important;\n  display:inline-block; padding:12px 16px; border-radius:var(--r-ctrl);\n  font-weight:700; white-space:nowrap; line-height:1.25;\n}\n.vp2 .masthead a.mast-cta:hover{ background:var(--ice); color:var(--navy) !important }\n\n\/* ---------- HERO. answer-first split. ---------- *\/\n.vp2 .hero{ background:linear-gradient(180deg, var(--ice) 0%, var(--paper) 100%); overflow:clip }\n.vp2 .hero-grid{\n  max-width:1320px; margin:0 auto; padding:clamp(40px,5vw,72px) var(--gutter) clamp(48px,6vw,90px);\n  display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);\n  gap:clamp(26px,4vw,64px); align-items:center;\n}\n.vp2 .hero h1{ margin-bottom:.36em }\n.vp2 .hero .lede{ margin-bottom:1.6em }\n.vp2 .hero-fig{ position:relative }\n.vp2 .hero-fig img{ border-radius:var(--r-card); box-shadow:0 18px 46px rgba(14,71,115,.18) }\n\n\/* ---------- ANSWER BAND. the short answer, up top. ---------- *\/\n.vp2 .answer{ background:var(--navy); color:#fff; border-radius:var(--r-card); padding:clamp(28px,4vw,54px) }\n.vp2 .answer h2{ color:#fff; margin-bottom:.5em; max-width:22ch }\n.vp2 .answer p{ color:#cfe0f0; max-width:52ch; font-size:var(--t-lede); line-height:1.5; margin:0 }\n.vp2 .answer .rule-amber{ margin-bottom:22px }\n\n\/* ---------- Q&A. sticky question rail, scrolling answer. ---------- *\/\n.vp2 .qa{ display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:clamp(28px,5vw,76px); align-items:start }\n.vp2 .qa-q{ position:sticky; top:96px }\n.vp2 .qa-q h2{ margin-bottom:.5em }\n.vp2 .qa-a{ max-width:var(--measure) }\n.vp2 .qa-a > p:last-child{ margin-bottom:0 }\n.vp2 .qa-a h3{ margin:1.6em 0 .5em }\n\n\/* Answer-first block inside a Q section.\n   No fill, no left stripe, no bold \"Short answer:\" prefix. Those three together\n   are the stock alert box every CMS ships, which is exactly what it looked like.\n   Instead the answer is treated as a typographic event: a rule it hangs from,\n   a display \"A\" answering the question in the H2, and text set above body size\n   so the payload outranks the prose underneath it. *\/\n.vp2 .short{\n  position:relative;\n  margin:0 0 2em;\n  padding-top:24px;\n  border-top:2px solid var(--navy);\n}\n.vp2 .short::before{\n  content:\"A\";\n  position:absolute; left:0; top:24px;\n  font-family:var(--display); font-size:62px; font-weight:600;\n  line-height:1; letter-spacing:-.03em; color:var(--amber);\n}\n.vp2 .short p{\n  margin:0 0 0 74px;\n  font-size:22px; line-height:1.52; color:var(--navy);\n}\n\/* the visual \"A\" is not reliably announced, so the label survives for screen readers *\/\n.vp2 .sr-only{\n  position:absolute; width:1px; height:1px; padding:0; margin:-1px;\n  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;\n}\n\n\/* ---------- MATERIALS STICKY-STACK. the page's signature device. ---------- *\/\n.vp2 .stack-intro{ max-width:38rem; margin-bottom:clamp(28px,4vw,48px) }\n.vp2 .stack{ position:relative }\n.vp2 .stack-card{\n  position:sticky; border-radius:var(--r-card); border:1px solid var(--rule);\n  background:var(--paper); padding:clamp(24px,3.4vw,44px);\n  box-shadow:0 10px 34px rgba(14,71,115,.09);\n  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(20px,3vw,40px);\n  align-items:center; margin-bottom:22px;\n}\n.vp2 .stack-card:nth-child(1){ top:96px }\n.vp2 .stack-card:nth-child(2){ top:112px }\n.vp2 .stack-card:nth-child(3){ top:128px }\n.vp2 .stack-card:nth-child(4){ top:144px }\n.vp2 .stack-yr{\n  font-family:var(--display); font-size:var(--t-cap); font-weight:700;\n  letter-spacing:.1em; color:var(--amber); margin-bottom:10px; display:block;\n}\n.vp2 .stack-card h3{ margin-bottom:.44em }\n.vp2 .stack-card p{ color:var(--ink-mid); font-size:var(--t-ui); line-height:1.62; margin:0 0 1em }\n.vp2 .spec{ display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--rule); border:1px solid var(--rule); border-radius:var(--r-card); overflow:hidden }\n.vp2 .spec div{ background:var(--paper); padding:14px 16px }\n.vp2 .spec dt{ font-family:var(--display); font-size:var(--t-cap); font-weight:600; letter-spacing:.07em; text-transform:uppercase; color:var(--ink-mid); margin-bottom:5px }\n.vp2 .spec dd{ margin:0; font-family:var(--display); font-size:23px; font-weight:600; color:var(--navy); line-height:1.1 }\n.vp2 .spec dd small{ font-size:var(--t-cap); font-weight:400; color:var(--ink-mid) }\n\n\/* ---------- DIAMETER RULE. horizontal, to scale. ---------- *\/\n.vp2 .ruleset{ margin-top:clamp(26px,3.4vw,44px) }\n.vp2 .rulerow{ display:grid; grid-template-columns:11rem 1fr; gap:clamp(14px,2vw,28px); align-items:center; padding:15px 0; border-bottom:1px solid var(--rule-2) }\n.vp2 .rulerow:last-child{ border-bottom:0 }\n.vp2 .rulelabel{ font-family:var(--display); font-size:var(--t-cap); font-weight:600; color:var(--navy); line-height:1.35 }\n.vp2 .rulelabel span{ display:block; color:var(--ink-mid); font-weight:400 }\n.vp2 .rulebar{ position:relative; height:26px }\n.vp2 .rulebar i{\n  position:absolute; left:0; top:50%; transform:translateY(-50%);\n  height:14px; border-radius:var(--r-ctrl); background:var(--blue); display:block;\n  width:calc(var(--mm) * var(--px)); transition:width .6s cubic-bezier(.16,1,.3,1);\n}\n.vp2 .rulebar b{\n  position:absolute; top:50%; transform:translateY(-50%);\n  left:calc(var(--mm) * var(--px) + 12px);\n  font-family:var(--display); font-size:var(--t-cap); font-weight:700; color:var(--navy);\n}\n.vp2 .rulerow--cornea .rulebar i{ background:var(--amber-fill) }\n.vp2 .rulenote{ font-family:var(--display); font-size:var(--t-cap); color:var(--ink-mid); margin-top:16px }\n\n\/* ---------- ERA BAND. compact horizontal timeline. ---------- *\/\n.vp2 .band{ max-width:100%; display:grid; grid-auto-flow:column; grid-auto-columns:minmax(190px,1fr); gap:1px; background:var(--rule); border:1px solid var(--rule); border-radius:var(--r-card); overflow-x:auto; margin-top:clamp(26px,3.4vw,44px) }\n.vp2 .band-cell{ background:var(--paper); padding:22px 20px; min-width:190px }\n.vp2 .band-yr{ font-family:var(--display); font-size:27px; font-weight:700; color:var(--navy); line-height:1; margin-bottom:9px }\n.vp2 .band-cell p{ margin:0; font-size:var(--t-cap); line-height:1.55; color:var(--ink-mid) }\n.vp2 .band-cell:nth-child(odd){ background:var(--rule-2) }\n\n\/* ---------- CANADIAN PANEL ---------- *\/\n.vp2 .ca-head{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(24px,4vw,56px); align-items:end; margin-bottom:clamp(28px,4vw,48px) }\n.vp2 .ca-photos{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(14px,2vw,24px); margin-bottom:clamp(28px,4vw,46px) }\n.vp2 .ca-photos img{ border-radius:var(--r-card) }\n.vp2 .ca-steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--rule); border:1px solid var(--rule); border-radius:var(--r-card); overflow:hidden }\n.vp2 .ca-step{ background:var(--paper); padding:clamp(20px,2.6vw,32px) }\n.vp2 .ca-step .yr{ font-family:var(--display); font-size:32px; font-weight:700; color:var(--amber); line-height:1; margin-bottom:12px }\n.vp2 .ca-step h3{ font-size:21px; margin-bottom:.44em }\n.vp2 .ca-step p{ margin:0; font-size:var(--t-ui); line-height:1.58; color:var(--ink-mid) }\n\n\/* ---------- FIGURES ---------- *\/\n.vp2 figure{ margin:0 }\n.vp2 figure img{ border-radius:var(--r-card) }\n.vp2 figcaption{ font-family:var(--display); font-size:var(--t-cap); line-height:1.5; color:var(--ink-mid); margin-top:11px }\n.vp2 figcaption a{ color:var(--ink-mid) }\n.vp2 .fig-narrow{ max-width:340px }\n\n\/* ---------- FAQ. two-column grid, not an accordion. ---------- *\/\n.vp2 .faq{ display:grid; grid-template-columns:repeat(2,1fr); gap:clamp(20px,3vw,38px) clamp(26px,4vw,56px) }\n.vp2 .faq-item h3{ font-size:21px; margin-bottom:.46em }\n.vp2 .faq-item p{ margin:0; font-size:var(--t-ui); line-height:1.62; color:var(--ink-mid) }\n\n\/* ---------- CLOSE ---------- *\/\n.vp2 .close{ background:var(--navy); border-radius:var(--r-card); padding:clamp(32px,4.6vw,64px); color:#fff }\n.vp2 .close h2{ color:#fff; max-width:20ch; margin-bottom:.5em }\n.vp2 .close p{ color:#cfe0f0; max-width:44rem }\n.vp2 .cta-row{ display:flex; flex-wrap:wrap; gap:13px; margin-top:26px }\n.vp2 .close .btn-primary{ background:#fff; color:var(--navy) }\n.vp2 .close .btn-primary:hover{ background:var(--ice) }\n.vp2 .close .btn-ghost{ border-color:rgba(255,255,255,.5); color:#fff }\n.vp2 .close .btn-ghost:hover{ background:rgba(255,255,255,.1) }\n\n.vp2 .sources{ font-family:var(--display); font-size:var(--t-cap); line-height:1.65; color:var(--ink-mid); max-width:46rem }\n\n\/* ---------- MOTION. every animation justified. ---------- *\/\n\/* hierarchy: sections settle in as they arrive, pacing a long read.\n   deliberately a scale+fade, not the Lens.com rise, so the two pages\n   do not share a motion signature. *\/\n@media (prefers-reduced-motion: no-preference){\n  .vp2 .rise{ opacity:0; transform:scale(.986) translateY(10px); transition:opacity .6s cubic-bezier(.16,1,.3,1), transform .6s cubic-bezier(.16,1,.3,1) }\n  .vp2 .rise.in{ opacity:1; transform:none }\n}\n@media (prefers-reduced-motion: reduce){\n  .vp2 .rise{ opacity:1; transform:none }\n  .vp2 .ring .bar{ animation:none; stroke-dasharray:0 1 }\n  .vp2 .rulebar i{ transition:none }\n  .vp2{ scroll-behavior:auto }\n  .vp2 .stack-card{ position:static }\n}\n\n\/* ---------- RESPONSIVE ---------- *\/\n@media (max-width:1000px){\n  .vp2 .hero-grid{ grid-template-columns:1fr; gap:32px }\n  .vp2 .hero-fig{ order:-1; max-width:520px }\n  .vp2 .qa{ grid-template-columns:1fr; gap:22px }\n  .vp2 .qa-q{ position:static }\n  .vp2 .stack-card{ grid-template-columns:1fr; position:static }\n  .vp2 .ca-head{ grid-template-columns:1fr; gap:20px }\n  .vp2 .ca-steps{ grid-template-columns:1fr }\n  .vp2 .faq{ grid-template-columns:1fr }\n}\n@media (max-width:680px){\n  .vp2{ --t-body:18px; --t-lede:21px; --t-h3:24px }\n  .vp2 .masthead-in{ gap:11px; font-size:var(--t-cap) }\n  .vp2 .masthead .mast-hide{ display:none }\n  .vp2 .rulerow{ grid-template-columns:1fr; gap:6px }\n  .vp2 .short::before{ position:static; display:block; font-size:46px; margin-bottom:6px }\n  .vp2 .short p{ margin-left:0; font-size:20px }\n  .vp2 .rulebar b{ font-size:var(--t-cap) }\n  .vp2 .ca-photos{ grid-template-columns:1fr }\n  .vp2 .spec{ grid-template-columns:1fr }\n  .vp2 .masthead a.mast-cta{ padding:12px 12px }\n  .vp2 .mast-cta .long{ display:none }\n  .vp2 .ring{ width:44px; height:44px }\n  .vp2 .ring svg{ width:37px; height:37px }\n}\n@media print{ .vp2 .masthead, .vp2 .ring{ display:none } .vp2{ background:#fff } }\n\n\n\/* ---------- full-bleed break-out. must stay last. ---------- *\/\n.vp2{\n  position:relative;\n  margin-left:calc(50% - 50vw) !important;\n  margin-right:calc(50% - 50vw) !important;\n  width:100vw !important; max-width:100vw !important;\n  padding:0 !important;\n}\n\n<\/style>\n\n<div class=\"vp2\">\n<div class=\"ring\" aria-hidden=\"true\">\n  <svg viewBox=\"0 0 40 40\"><circle class=\"track\" cx=\"20\" cy=\"20\" r=\"17\"\/><circle class=\"bar\" cx=\"20\" cy=\"20\" r=\"17\" pathLength=\"1\"\/><\/svg>\n<\/div>\n\n\n\n<main>\n\n<!-- ============ HERO. answer-first. 4 text elements exactly. ============ -->\n<section class=\"hero\">\n  <div class=\"hero-grid\">\n    <div>\n      <h1>The history of contact lenses<\/h1>\n      <p class=\"lede\">Seven questions people ask, each answered with the history behind it. Including when Canadians could finally buy them.<\/p>\n      <a class=\"btn btn-primary\" href=\"#q1\">Jump to question one<\/a>\n    <\/div>\n    <figure class=\"hero-fig\">\n      <img decoding=\"async\" class=\"lazyload\" data-src=\"https:\/\/www.visionpros.ca\/pro\/wp-content\/uploads\/2026\/08\/history-contact-lenses-grinding-glass-lenses.jpg\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\n           alt=\"Historic illustration of women grinding glass lenses by hand while two customers try on spectacles.\" width=\"1920\" height=\"1317\" fetchpriority=\"high\"><noscript><img decoding=\"async\" src=\"https:\/\/www.visionpros.ca\/pro\/wp-content\/uploads\/2026\/08\/history-contact-lenses-grinding-glass-lenses.jpg\" alt=\"Historic illustration of women grinding glass lenses by hand while two customers try on spectacles.\" width=\"1920\" height=\"1317\" fetchpriority=\"high\"><\/noscript>\n      <figcaption>Grinding lenses by hand, long before anyone put one on an eye.<br>\n        Wellcome Collection V0015859. CC BY 4.0<\/figcaption>\n    <\/figure>\n  <\/div>\n<\/section>\n\n<!-- ============ THE SHORT ANSWER ============ -->\n<section class=\"section\">\n  <div class=\"wrap\">\n    <div class=\"answer rise\">\n      <div class=\"rule-amber\"><\/div>\n      <h2>Nobody invented contact lenses.<\/h2>\n      <p>Not one person, and not in one year. The lens you put in this morning is what four separate problems look like once they&#8217;ve all been solved, by different people, across five centuries.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ Q1. sticky question rail. ============ -->\n<section class=\"section section--rule\" id=\"q1\">\n  <div class=\"wrap qa\">\n    <div class=\"qa-q rise\">\n      <h2>So who gets the credit?<\/h2>\n      <p class=\"mute\" style=\"font-size:var(--t-ui)\">The honest answer is four people, in three years, who mostly didn&#8217;t know about each other.<\/p>\n    <\/div>\n    <div class=\"qa-a rise\">\n      <div class=\"short\">\n        <p><span class=\"sr-only\">Short answer: <\/span>Adolf Eugen Fick published the first systematic fitting experiments in 1888. Eug\u00e8ne Kalt fitted lenses for a medical condition the same year. August M\u00fcller was the first to correct his own eyesight with one, in 1889.<\/p>\n      <\/div>\n      <p>Leonardo da Vinci gets named constantly, and he doesn&#8217;t deserve it. His notebook sheet from around 1508 works out what happens to vision when the eye sits behind water. He suggested putting your face in a bowl. That&#8217;s a note about optics, not a wearable object.<\/p>\n      <p>Descartes did something similar in 1637 with a water-filled tube held against the eye. It moves the refracting surface onto the cornea, which is the right idea, but the tube sticks out several inches and you can&#8217;t blink. Thomas Young built a version in 1801 to study how the eye focuses, not to correct anyone&#8217;s sight.<\/p>\n      <p>The first person to describe a real contact lens was John Herschel in 1845. He proposed taking an impression of the eye and filling a moulded glass shell with a clear jelly. He never built it. He simply wrote down, correctly, what would have to happen.<\/p>\n      <h3>Then three people did it at once<\/h3>\n      <p>In 1887 a German glassblower named Friedrich Anton M\u00fcller made a thin glass shell to protect a patient&#8217;s diseased eye. It corrected nothing, but somebody was finally wearing glass on an eye for a medical reason.<\/p>\n      <p>A year later Adolf Eugen Fick published the first systematic experiments, working on rabbits, then himself, then volunteers. In Paris, Eug\u00e8ne Kalt independently fitted glass shells for patients with keratoconus, a cornea that bulges into a cone shape. And in 1889 a short-sighted medical student named August M\u00fcller had a powered glass lens made, wore it himself, and wrote his dissertation about it.<\/p>\n      <p>Protection, then treatment, then correction. Three different goals in three years. There&#8217;s no single inventor because there wasn&#8217;t a single problem.<\/p>\n      <figure style=\"margin-top:34px\">\n        <img decoding=\"async\" class=\"lazyload\" data-src=\"https:\/\/www.visionpros.ca\/pro\/wp-content\/uploads\/2026\/08\/history-contact-lenses-liebreich-ophthalmoscope.jpg\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\n             alt=\"An ophthalmoscope designed by Richard Liebreich around 1860, in its fitted case.\" loading=\"lazy\" width=\"1920\" height=\"1248\"><noscript><img decoding=\"async\" src=\"https:\/\/www.visionpros.ca\/pro\/wp-content\/uploads\/2026\/08\/history-contact-lenses-liebreich-ophthalmoscope.jpg\" alt=\"An ophthalmoscope designed by Richard Liebreich around 1860, in its fitted case.\" loading=\"lazy\" width=\"1920\" height=\"1248\"><\/noscript>\n        <figcaption>An 1860 ophthalmoscope. This is the level of instrument the 1880s pioneers had to work with.<br>\n          Wellcome Collection M0018844. CC BY 4.0<\/figcaption>\n      <\/figure>\n      <figure style=\"margin-top:26px\" class=\"fig-narrow\">\n        <img decoding=\"async\" class=\"lazyload\" data-src=\"https:\/\/www.visionpros.ca\/pro\/wp-content\/uploads\/2026\/08\/history-contact-lenses-keratoconus-diagram.jpg\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\n             alt=\"Diagram showing a keratoconus cornea bulging into a cone shape compared with a normal cornea.\" loading=\"lazy\" width=\"598\" height=\"470\"><noscript><img decoding=\"async\" src=\"https:\/\/www.visionpros.ca\/pro\/wp-content\/uploads\/2026\/08\/history-contact-lenses-keratoconus-diagram.jpg\" alt=\"Diagram showing a keratoconus cornea bulging into a cone shape compared with a normal cornea.\" loading=\"lazy\" width=\"598\" height=\"470\"><\/noscript>\n        <figcaption>Keratoconus, the condition Kalt was treating. A cone-shaped cornea can&#8217;t be fixed with glasses.<br>\n          CC BY-SA 3.0, via Wikimedia Commons.<\/figcaption>\n      <\/figure>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ Q2. MATERIALS STICKY-STACK. signature device. ============ -->\n<section class=\"section section--ice\">\n  <div class=\"wrap\">\n    <div class=\"stack-intro rise\">\n      <h2>What were the first ones made of?<\/h2>\n      <p class=\"lede\" style=\"margin-top:.7em\">Four materials, in order. Each one fixed the problem the last one couldn&#8217;t, and introduced a new one.<\/p>\n    <\/div>\n\n    <div class=\"stack\">\n      <article class=\"stack-card\">\n        <div>\n          <span class=\"stack-yr\">1888<\/span>\n          <h3>Blown and ground glass<\/h3>\n          <p>Hand-blown, then ground to a curve. It sat on the white of the eye because glass couldn&#8217;t be made thin or precise enough to balance on the cornea alone. Comfortable for a couple of hours at most.<\/p>\n          <p class=\"mute\" style=\"font-size:var(--t-cap)\">Problem it solved: putting a corrective surface on the eye at all.<br>Problem it created: the eye couldn&#8217;t tolerate it for long.<\/p>\n        <\/div>\n        <dl class=\"spec\">\n          <div><dt>Diameter<\/dt><dd>~23 <small>mm<\/small><\/dd><\/div>\n          <div><dt>Oxygen through it<\/dt><dd>None<\/dd><\/div>\n          <div><dt>Water content<\/dt><dd>0 <small>%<\/small><\/dd><\/div>\n          <div><dt>Typical wear<\/dt><dd>2-4 <small>hours<\/small><\/dd><\/div>\n        <\/dl>\n      <\/article>\n\n      <article class=\"stack-card\">\n        <div>\n          <span class=\"stack-yr\">1948<\/span>\n          <h3>PMMA, a hard plastic<\/h3>\n          <p>Polymethyl methacrylate could be machined far more precisely than glass, so the lens shrank until it rested on the cornea alone and floated on your tear film. Blinking moved fresh tears underneath it.<\/p>\n          <p class=\"mute\" style=\"font-size:var(--t-cap)\">Problem it solved: all-day wear became possible.<br>Problem it created: PMMA passes essentially no oxygen.<\/p>\n        <\/div>\n        <dl class=\"spec\">\n          <div><dt>Diameter<\/dt><dd>~9.5 <small>mm<\/small><\/dd><\/div>\n          <div><dt>Oxygen through it<\/dt><dd>Near zero<\/dd><\/div>\n          <div><dt>Water content<\/dt><dd>0 <small>%<\/small><\/dd><\/div>\n          <div><dt>Typical wear<\/dt><dd>All day<\/dd><\/div>\n        <\/dl>\n      <\/article>\n\n      <article class=\"stack-card\">\n        <div>\n          <span class=\"stack-yr\">1971<\/span>\n          <h3>Soft hydrogel<\/h3>\n          <p>Otto Wichterle&#8217;s water-loving polymer, pHEMA, holds water and stays soft against living tissue. Suddenly a lens could be comfortable within minutes instead of requiring weeks of adaptation.<\/p>\n          <p class=\"mute\" style=\"font-size:var(--t-cap)\">Problem it solved: comfort, immediately.<br>Problem it created: still not enough oxygen for safe overnight wear.<\/p>\n        <\/div>\n        <dl class=\"spec\">\n          <div><dt>Diameter<\/dt><dd>~14 <small>mm<\/small><\/dd><\/div>\n          <div><dt>Oxygen through it<\/dt><dd>Low<\/dd><\/div>\n          <div><dt>Water content<\/dt><dd>~38 <small>%<\/small><\/dd><\/div>\n          <div><dt>Typical wear<\/dt><dd>Daily<\/dd><\/div>\n        <\/dl>\n      <\/article>\n\n      <article class=\"stack-card\">\n        <div>\n          <span class=\"stack-yr\">1999<\/span>\n          <h3>Silicone hydrogel<\/h3>\n          <p>Silicone carries oxygen far better than water does, so combining it with a hydrogel gave a lens that&#8217;s soft and breathable at the same time. This is what most lenses sold today are made of, including almost everything on our shelves.<\/p>\n          <p class=\"mute\" style=\"font-size:var(--t-cap)\">Problem it solved: oxygen, properly.<br>Problem it created: early versions were stiffer and attracted more deposits.<\/p>\n        <\/div>\n        <dl class=\"spec\">\n          <div><dt>Diameter<\/dt><dd>~14.2 <small>mm<\/small><\/dd><\/div>\n          <div><dt>Oxygen through it<\/dt><dd>High<\/dd><\/div>\n          <div><dt>Water content<\/dt><dd>~24-46 <small>%<\/small><\/dd><\/div>\n          <div><dt>Typical wear<\/dt><dd>Daily to extended<\/dd><\/div>\n        <\/dl>\n      <\/article>\n    <\/div>\n\n    <figure class=\"rise\" style=\"margin-top:clamp(30px,4vw,52px); max-width:760px\">\n      <img decoding=\"async\" class=\"lazyload\" data-src=\"https:\/\/www.visionpros.ca\/pro\/wp-content\/uploads\/2026\/08\/history-contact-lenses-pmma-polymer-chain.png\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\n           alt=\"Diagram of a polymethyl methacrylate polymer chain, the plastic used in the first corneal contact lenses.\" loading=\"lazy\" width=\"1920\" height=\"607\" style=\"background:#fff; padding:18px; border:1px solid var(--rule)\"><noscript><img decoding=\"async\" src=\"https:\/\/www.visionpros.ca\/pro\/wp-content\/uploads\/2026\/08\/history-contact-lenses-pmma-polymer-chain.png\" alt=\"Diagram of a polymethyl methacrylate polymer chain, the plastic used in the first corneal contact lenses.\" loading=\"lazy\" width=\"1920\" height=\"607\" style=\"background:#fff; padding:18px; border:1px solid var(--rule)\"><\/noscript>\n      <figcaption>The PMMA chain. Precise enough to machine, and completely airtight, which turned out to be the catch.<br>\n        Public domain, via Wikimedia Commons.<\/figcaption>\n    <\/figure>\n  <\/div>\n<\/section>\n\n<!-- ============ Q3. diameter rule, drawn to scale. ============ -->\n<section class=\"section section--rule\">\n  <div class=\"wrap qa\">\n    <div class=\"qa-q rise\">\n      <h2>Why were the early ones so big?<\/h2>\n      <p class=\"mute\" style=\"font-size:var(--t-ui)\">Because glass couldn&#8217;t be made small and accurate enough to balance on the cornea by itself.<\/p>\n    <\/div>\n    <div class=\"qa-a rise\">\n      <div class=\"short\">\n        <p><span class=\"sr-only\">Short answer: <\/span>The first lenses were about 23 mm across and rested on the white of the eye. Once plastic could be machined precisely, the lens shrank to roughly 9.5 mm and sat on the cornea instead.<\/p>\n      <\/div>\n      <p>A scleral lens covers the whole visible eye. It has to, because it&#8217;s being supported by the sclera rather than balanced on the cornea. That means it clamps in place, your eyelid can&#8217;t slide over it properly, and tears don&#8217;t circulate underneath.<\/p>\n      <p>Shrinking it changed everything at once. A corneal lens floats on the tear film, moves slightly with every blink, and lets fresh tears wash under it. That single change is what made contact lenses something you could wear to work rather than something you endured for an afternoon.<\/p>\n\n      <div class=\"ruleset\" style=\"--px:min(1.9vw, 21px)\">\n        <div class=\"rulerow rulerow--cornea\">\n          <div class=\"rulelabel\">Your cornea <span>the surface it all sits on<\/span><\/div>\n          <div class=\"rulebar\" style=\"--mm:11.7\"><i><\/i><b>11.7 mm<\/b><\/div>\n        <\/div>\n        <div class=\"rulerow\">\n          <div class=\"rulelabel\">1888 glass scleral <span>rests on the white of the eye<\/span><\/div>\n          <div class=\"rulebar\" style=\"--mm:23\"><i><\/i><b>23 mm<\/b><\/div>\n        <\/div>\n        <div class=\"rulerow\">\n          <div class=\"rulelabel\">1948 PMMA corneal <span>floats on the tear film<\/span><\/div>\n          <div class=\"rulebar\" style=\"--mm:9.5\"><i><\/i><b>9.5 mm<\/b><\/div>\n        <\/div>\n        <div class=\"rulerow\">\n          <div class=\"rulelabel\">Today&#8217;s soft lens <span>wider again, but flexible<\/span><\/div>\n          <div class=\"rulebar\" style=\"--mm:14.2\"><i><\/i><b>14.2 mm<\/b><\/div>\n        <\/div>\n      <\/div>\n      <p class=\"rulenote\">Bars are drawn in true proportion to one another. Sizes are typical, and your own fitting will differ.<\/p>\n      <figure style=\"margin-top:34px\">\n        <img decoding=\"async\" class=\"lazyload\" data-src=\"https:\/\/www.visionpros.ca\/pro\/wp-content\/uploads\/2026\/08\/history-contact-lenses-dried-human-tears.jpg\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\n             alt=\"Microscope image of dried human tears forming crystalline branching patterns.\" loading=\"lazy\" width=\"1920\" height=\"1843\"><noscript><img decoding=\"async\" src=\"https:\/\/www.visionpros.ca\/pro\/wp-content\/uploads\/2026\/08\/history-contact-lenses-dried-human-tears.jpg\" alt=\"Microscope image of dried human tears forming crystalline branching patterns.\" loading=\"lazy\" width=\"1920\" height=\"1843\"><\/noscript>\n        <figcaption>Human tears, dried and photographed under a microscope. This is the film a corneal lens floats on and the reason every blink does real work.<br>\n          CC BY 4.0, via Wikimedia Commons.<\/figcaption>\n      <\/figure>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ Q4. oxygen, with the corneal micrograph. ============ -->\n<section class=\"section section--ice\">\n  <div class=\"wrap qa\">\n    <div class=\"qa-q rise\">\n      <h2>When did they stop hurting?<\/h2>\n      <p class=\"mute\" style=\"font-size:var(--t-ui)\">Comfort arrived in 1971. Safe overnight wear took another twenty-eight years.<\/p>\n    <\/div>\n    <div class=\"qa-a rise\">\n      <div class=\"short\">\n        <p><span class=\"sr-only\">Short answer: <\/span>Soft hydrogel lenses reached the market in 1971 and were comfortable within minutes. Silicone hydrogels arrived around 1999 and finally let enough oxygen through for extended wear.<\/p>\n      <\/div>\n      <p>Here&#8217;s the thing that surprises people. Your cornea has no blood vessels at all. It&#8217;s the only tissue in your body of that size that takes its oxygen straight from the air. Put anything on top of it and you&#8217;re standing between the cornea and its air supply.<\/p>\n      <p>PMMA lenses passed almost none. Wearers adapted over weeks, and some paid for it with corneal swelling. The fixes came from two directions. Rigid gas-permeable materials, built on Norman Gaylord&#8217;s silicone-acrylate patent from 1974, kept the hard lens but let it breathe. Then silicone hydrogels combined softness with oxygen transmission and became the default.<\/p>\n      <h3>Why soft lenses took seventeen years to arrive<\/h3>\n      <p>Otto Wichterle and Drahoslav L\u00edm developed the pHEMA hydrogel in 1954 and published on it in Nature in 1960. Having the material wasn&#8217;t the same as having a lens. Turning a gel into a repeatable optical surface took until 1961, when Wichterle built a spin-casting rig at home from his son&#8217;s construction set. Commercial approval followed in 1971.<\/p>\n      <figure style=\"margin-top:30px\">\n        <img decoding=\"async\" class=\"lazyload\" data-src=\"https:\/\/www.visionpros.ca\/pro\/wp-content\/uploads\/2026\/08\/history-contact-lenses-corneal-epithelium-sem.jpg\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\n             alt=\"Scanning electron micrograph of human corneal epithelium, showing the textured cell surface a contact lens rests against.\" loading=\"lazy\" width=\"1920\" height=\"1440\"><noscript><img decoding=\"async\" src=\"https:\/\/www.visionpros.ca\/pro\/wp-content\/uploads\/2026\/08\/history-contact-lenses-corneal-epithelium-sem.jpg\" alt=\"Scanning electron micrograph of human corneal epithelium, showing the textured cell surface a contact lens rests against.\" loading=\"lazy\" width=\"1920\" height=\"1440\"><\/noscript>\n        <figcaption>Human corneal epithelium under an electron microscope. This is the living surface your lens rests against all day.<br>\n          CC BY-SA 4.0, via Wikimedia Commons.<\/figcaption>\n      <\/figure>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ Q5. how they got cheap. era band. ============ -->\n<section class=\"section section--rule\">\n  <div class=\"wrap\">\n    <div class=\"rise\" style=\"max-width:40rem\">\n      <h2>How did they get so cheap?<\/h2>\n      <p class=\"lede\" style=\"margin-top:.7em\">Disposability. Once a lens was designed to be thrown away, it could be made by the million instead of fitted one at a time.<\/p>\n    <\/div>\n\n    <div class=\"band rise\">\n      <div class=\"band-cell\"><div class=\"band-yr\">1971<\/div><p>Bausch + Lomb&#8217;s SofLens becomes the first mass-produced soft lens approved in North America.<\/p><\/div>\n      <div class=\"band-cell\"><div class=\"band-yr\">1983<\/div><p>Danalens launches in Denmark as the first lens made and sold as disposable.<\/p><\/div>\n      <div class=\"band-cell\"><div class=\"band-yr\">1987<\/div><p>Acuvue brings scheduled replacement to the mass market and the economics change for good.<\/p><\/div>\n      <div class=\"band-cell\"><div class=\"band-yr\">1995<\/div><p>Single-use dailies spread from regional launches to wide international availability.<\/p><\/div>\n      <div class=\"band-cell\"><div class=\"band-yr\">1999<\/div><p>Silicone hydrogels arrive, and comfort stops being a trade-off against safety.<\/p><\/div>\n    <\/div>\n\n    <figure class=\"rise\" style=\"margin-top:clamp(30px,4vw,50px); max-width:420px\">\n      <img decoding=\"async\" class=\"lazyload\" data-src=\"https:\/\/www.visionpros.ca\/pro\/wp-content\/uploads\/2026\/08\/history-contact-lenses-peroxide-case.jpg\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\n           alt=\"A hydrogen peroxide contact lens case with bubbles rising through the solution.\" loading=\"lazy\" width=\"1920\" height=\"3406\"><noscript><img decoding=\"async\" src=\"https:\/\/www.visionpros.ca\/pro\/wp-content\/uploads\/2026\/08\/history-contact-lenses-peroxide-case.jpg\" alt=\"A hydrogen peroxide contact lens case with bubbles rising through the solution.\" loading=\"lazy\" width=\"1920\" height=\"3406\"><\/noscript>\n      <figcaption>Peroxide cleaning systems are a leftover from the era when you kept the same lens for a year.<br>\n        CC BY-SA 4.0, via Wikimedia Commons.<\/figcaption>\n    <\/figure>\n    <div class=\"qa\" style=\"margin-top:clamp(34px,4.5vw,56px)\">\n      <div class=\"qa-a rise\">\n        <p>Before disposables, a lens was an object you owned. You cleaned it, stored it, and kept it for a year or more. Cleaning regimens were fussy, deposits built up, and a lost lens was an expensive afternoon.<\/p>\n        <p>Designing a lens to be discarded flipped the whole model. Manufacturing moved to high volume, the per-lens cost fell, and the health problem of ageing deposits mostly disappeared because nothing stayed in your eye long enough to age.<\/p>\n      <\/div>\n      <div class=\"qa-a rise\">\n        <p>That&#8217;s also why the shelf you shop from today looks the way it does. Dailies, two-weeklies and monthlies aren&#8217;t marketing tiers. They&#8217;re the replacement schedules that survived once manufacturing could support them.<\/p>\n        <p>If you&#8217;ve ever wondered why a box holds thirty lenses rather than one, this is the answer. The box is the product now.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ Q6. THE CANADIAN SECTION. ============ -->\n<section class=\"section section--ice\" id=\"canada\">\n  <div class=\"wrap\">\n    <div class=\"ca-head rise\">\n      <div>\n        <h2>When could Canadians buy them?<\/h2>\n      <\/div>\n      <p class=\"lede\">Wearing them is one history. Being allowed to buy them the way you buy them now is a much shorter and more Canadian one.<\/p>\n    <\/div>\n\n    <div class=\"ca-photos rise\">\n      <figure>\n        <img decoding=\"async\" class=\"lazyload\" data-src=\"https:\/\/www.visionpros.ca\/pro\/wp-content\/uploads\/2026\/08\/history-contact-lenses-tait-favreau-storefront-montreal.jpg\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\n             alt=\"Archive photograph of the Tait-Favreau optometrist storefront on Sainte-Catherine Street in Montreal.\" loading=\"lazy\" width=\"1500\" height=\"1077\"><noscript><img decoding=\"async\" src=\"https:\/\/www.visionpros.ca\/pro\/wp-content\/uploads\/2026\/08\/history-contact-lenses-tait-favreau-storefront-montreal.jpg\" alt=\"Archive photograph of the Tait-Favreau optometrist storefront on Sainte-Catherine Street in Montreal.\" loading=\"lazy\" width=\"1500\" height=\"1077\"><\/noscript>\n        <figcaption>Tait-Favreau, optometrists, on rue Sainte-Catherine in Montr\u00e9al.<br>\n          BAnQ P748S1P2750. Public domain.<\/figcaption>\n      <\/figure>\n      <figure>\n        <img decoding=\"async\" class=\"lazyload\" data-src=\"https:\/\/www.visionpros.ca\/pro\/wp-content\/uploads\/2026\/08\/history-contact-lenses-tait-favreau-interior-montreal.jpg\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\n             alt=\"Archive photograph of the interior of the Tait-Favreau optometrist shop in Montreal, with display cases and fitting chairs.\" loading=\"lazy\" width=\"1500\" height=\"1207\"><noscript><img decoding=\"async\" src=\"https:\/\/www.visionpros.ca\/pro\/wp-content\/uploads\/2026\/08\/history-contact-lenses-tait-favreau-interior-montreal.jpg\" alt=\"Archive photograph of the interior of the Tait-Favreau optometrist shop in Montreal, with display cases and fitting chairs.\" loading=\"lazy\" width=\"1500\" height=\"1207\"><\/noscript>\n        <figcaption>Inside the same shop. For most of the century, this counter was the only way to get lenses.<br>\n          BAnQ P748S1P2752. Public domain.<\/figcaption>\n      <\/figure>\n    <\/div>\n\n    <div class=\"qa\">\n      <div class=\"qa-a rise\">\n        <div class=\"short\">\n          <p><span class=\"sr-only\">Short answer: <\/span>Soft lenses reached Canadian practitioners through the 1970s. Buying them online without handing over a paper prescription started in British Columbia in 2010, and the rules still differ by province.<\/p>\n        <\/div>\n        <p>Canada regulates contact lenses federally as medical devices, and dispenses them provincially. That split explains almost everything about how buying lenses here works.<\/p>\n        <p>On the federal side, Health Canada licenses every contact lens sold in the country as a Class II medical device. Importers and distributors need their own establishment licence on top of that. It&#8217;s why a lens legally on sale in Canada isn&#8217;t automatically the same catalogue you&#8217;d see in the United States.<\/p>\n        <h3>Then British Columbia moved first<\/h3>\n        <p>On 1 May 2010, British Columbia removed the requirement to produce a written prescription or sit an eye test in store before buying lenses and glasses online. The province also let opticians issue prescriptions independently. The optometrists&#8217; association objected. The health minister&#8217;s argument was that a decades-old system hadn&#8217;t kept up with how people shop.<\/p>\n      <\/div>\n      <div class=\"qa-a rise\">\n        <h3>Cosmetic lenses took until 2016<\/h3>\n        <p>This is the part most people find surprising. Health Canada assessed non-corrective coloured lenses back in 2003 and concluded the hazards were the same as for corrective ones, including corneal scratches and infection. They stayed unregulated consumer goods for another decade.<\/p>\n        <p>What changed it was Bill C-313, a private member&#8217;s bill amending the Food and Drugs Act. The amending regulations were registered on 16 July 2015, decorative lenses became Class II medical devices on 16 July 2016, and enforcement began a year after that. The United States had done the same thing in 2005. Canada took eleven more years.<\/p>\n        <p>So if you bought novelty lenses at a Canadian costume shop before 2016, nobody was checking. Today they carry the same licensing requirement as the lenses in your prescription.<\/p>\n        <p>Dispensing is still provincial, and the rules aren&#8217;t identical. In Ontario, only licensed opticians, optometrists and physicians can dispense. We&#8217;ve written a fuller guide on <a href=\"https:\/\/www.visionpros.ca\/pro\/how-to-buy-contact-lenses-online-in-canada\/\">how to buy contact lenses online in Canada<\/a> if you want the current requirements rather than the history.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"ca-steps rise\" style=\"margin-top:clamp(30px,4vw,52px)\">\n      <div class=\"ca-step\">\n        <div class=\"yr\">2010<\/div>\n        <h3>British Columbia opens up<\/h3>\n        <p>Written prescriptions no longer required to buy lenses or glasses online in the province, and opticians can issue prescriptions on their own.<\/p>\n      <\/div>\n      <div class=\"ca-step\">\n        <div class=\"yr\">2016<\/div>\n        <h3>Cosmetic lenses become devices<\/h3>\n        <p>Decorative lenses are classified Class II under the Medical Devices Regulations, thirteen years after Health Canada first flagged the risk.<\/p>\n      <\/div>\n      <div class=\"ca-step\">\n        <div class=\"yr\">Now<\/div>\n        <h3>Federal product, provincial counter<\/h3>\n        <p>Health Canada licenses the lens. Your province decides who&#8217;s allowed to dispense it and what they need to see first.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ Q7. what a lens can do now. ============ -->\n<section class=\"section section--rule\">\n  <div class=\"wrap qa\">\n    <div class=\"qa-q rise\">\n      <h2>What can a lens do now?<\/h2>\n      <p class=\"mute\" style=\"font-size:var(--t-ui)\">For five centuries a contact lens was a passive piece of optics. In the last twenty years it started doing other jobs.<\/p>\n    <\/div>\n    <div class=\"qa-a rise\">\n      <div class=\"short\">\n        <p><span class=\"sr-only\">Short answer: <\/span>Reshape your cornea overnight, record eye-pressure changes for a day, darken in sunlight, slow the progression of childhood myopia, and release an allergy drug while you wear it.<\/p>\n      <\/div>\n      <h3>Reshape<\/h3>\n      <p>Orthokeratology lenses are worn overnight and flatten the cornea slightly so you see without correction during the day. The effect wears off, so it has to be repeated every night. Paragon CRT received approval for overnight corneal reshaping in 2002.<\/p>\n      <h3>Measure<\/h3>\n      <p>The Triggerfish sensor was permitted for marketing in 2016. It records corneal changes related to eye pressure across a single 24-hour period. That&#8217;s a one-day diagnostic recording, not a continuous glaucoma monitor, and the difference between those two descriptions is the entire claim.<\/p>\n      <h3>Adapt<\/h3>\n      <p>A photochromic contact lens cleared in 2018 changes how much light it absorbs in response to UV and visible light. The lens adapts. Your prescription doesn&#8217;t change.<\/p>\n      <h3>Slow something down<\/h3>\n      <p>MiSight 1 day was approved in 2019 to slow the progression of myopia in children who are between 8 and 12 years old when first fitted. That age range is part of the approval, not a detail underneath it. It&#8217;s the first time a contact lens was cleared to change the course of a condition rather than compensate for it.<\/p>\n      <h3>Deliver a drug<\/h3>\n      <p>In 2022 a ketotifen-releasing lens became the first approved drug-eluting contact lens, treating itch from allergic conjunctivitis while correcting vision at the same time. One object doing two jobs.<\/p>\n      <p class=\"mute\" style=\"font-size:var(--t-cap); margin-top:1.6em\">Approval dates above are United States approvals, which is where most of these were cleared first. Availability in Canada depends on Health Canada licensing and can differ. Check what&#8217;s licensed here before assuming you can buy it.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ FAQ. two-column grid, not an accordion. ============ -->\n<section class=\"section section--ice\">\n  <div class=\"wrap\">\n    <div class=\"rise\" style=\"max-width:36rem; margin-bottom:clamp(28px,4vw,46px)\">\n      <div class=\"rule-amber\"><\/div>\n      <h2>More answers<\/h2>\n    <\/div>\n    <div class=\"faq rise\">\n      <div class=\"faq-item\">\n        <h3>Who invented contact lenses?<\/h3>\n        <p>No single person. Adolf Eugen Fick published the first systematic fitting experiments in 1888, Eug\u00e8ne Kalt fitted lenses for keratoconus the same year, and August M\u00fcller corrected his own short-sightedness with one in 1889.<\/p>\n      <\/div>\n      <div class=\"faq-item\">\n        <h3>Did Leonardo da Vinci invent them?<\/h3>\n        <p>No. His 1508 notebook works out what happens to vision when the eye sits behind water. It&#8217;s a note about optics, and he never proposed a wearable object.<\/p>\n      <\/div>\n      <div class=\"faq-item\">\n        <h3>What were the first contact lenses made of?<\/h3>\n        <p>Blown and ground glass. Acrylic plastic arrived in 1938, all-plastic corneal lenses around 1948, soft water-based hydrogels in the 1960s, and silicone hydrogels around 1999.<\/p>\n      <\/div>\n      <div class=\"faq-item\">\n        <h3>When were soft contact lenses invented?<\/h3>\n        <p>The pHEMA material was developed by Otto Wichterle and Drahoslav L\u00edm in 1954. Wichterle spun the first usable soft lenses in 1961, and commercial approval in North America came in 1971.<\/p>\n      <\/div>\n      <div class=\"faq-item\">\n        <h3>Are contact lenses regulated in Canada?<\/h3>\n        <p>Yes. Health Canada licenses them as Class II medical devices, corrective and cosmetic alike. Decorative lenses came under that rule on 16 July 2016. Who may dispense them is decided by your province.<\/p>\n      <\/div>\n      <div class=\"faq-item\">\n        <h3>Why do the first lenses look so large?<\/h3>\n        <p>Glass couldn&#8217;t be made thin or accurate enough to balance on the cornea, so early lenses were roughly 23 mm and rested on the white of the eye. Machinable plastic brought that down to about 9.5 mm.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ SOURCES + CLOSE ============ -->\n<section class=\"section\">\n  <div class=\"wrap\">\n    <div class=\"rise\" style=\"max-width:36rem; margin-bottom:26px\">\n      <div class=\"rule-amber\"><\/div>\n      <h2>Where this comes from<\/h2>\n    <\/div>\n    <p class=\"sources rise\">\n      Canadian regulatory dates come from the Health Canada notice on decorative contact lenses and the Canada Gazette record for SOR\/2015-193. The British Columbia change is reported in Review of Optometry. Material and chronology detail draws on the British Optical Association Museum at the College of Optometrists, EyeWiki, Wichterle and L\u00edm&#8217;s 1960 paper in Nature, and manufacturer approval records.\n    <\/p>\n    <p class=\"sources rise\" style=\"margin-top:16px\">\n      Where two credible sources give different years, we&#8217;ve shown a range rather than picking a winner. This page is history, not fitting advice. A contact lens is a medical device, and what suits your eyes comes from an eye-care professional who has examined them.\n    <\/p>\n\n    <div class=\"close rise\" style=\"margin-top:clamp(34px,4.6vw,58px)\">\n      <div class=\"rule-amber\"><\/div>\n      <h2>Five centuries later, it ships to your door.<\/h2>\n      <p>Everything on this page was hand-ground for one patient at a time, within living memory of some of these dates. The lens Wichterle spun on a kitchen table now arrives in a box of thirty.<\/p>\n      <div class=\"cta-row\">\n        <a class=\"btn btn-primary\" href=\"https:\/\/www.visionpros.ca\/contact-lenses\/\">Shop contact lenses<\/a>\n        <a class=\"btn btn-ghost\" href=\"https:\/\/www.visionpros.ca\/pro\/\">More from Vision Pro Eyes<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/main>\n\n<footer style=\"border-top:1px solid var(--rule); padding-block:clamp(34px,4.5vw,58px)\">\n  <div class=\"wrap\">\n    <p class=\"sources\">\n      Archive images are reproduced from the Wellcome Collection, Biblioth\u00e8que et Archives nationales du Qu\u00e9bec and Wikimedia Commons under the licences noted beside each figure, or are in the public domain.\n      In production these should be downloaded and served from VisionPros with the attributions preserved, rather than hotlinked.\n    <\/p>\n    <p class=\"sources\" style=\"margin-top:14px\">\n      Published by <a href=\"https:\/\/www.visionpros.ca\/pro\/\">Vision Pro Eyes<\/a>, the VisionPros journal. Proudly Canadian.\n    <\/p>\n  <\/div>\n<\/footer>\n<\/div>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\":\"https:\/\/schema.org\",\n  \"@graph\":[\n    {\n      \"@type\":\"Article\",\n      \"@id\":\"https:\/\/www.visionpros.ca\/pro\/history-of-contact-lenses\/#article\",\n      \"headline\":\"The history of contact lenses, answered\",\n      \"description\":\"Who invented contact lenses, what the first ones were made of, and when Canadians could finally buy them.\",\n      \"datePublished\":\"2026-08-26\",\n      \"dateModified\":\"2026-08-26\",\n      \"inLanguage\":\"en-CA\",\n      \"author\":{\"@type\":\"Organization\",\"name\":\"Vision Pro Eyes\"},\n      \"publisher\":{\"@type\":\"Organization\",\"name\":\"VisionPros\",\"url\":\"https:\/\/www.visionpros.ca\/\"},\n      \"mainEntityOfPage\":\"https:\/\/www.visionpros.ca\/pro\/history-of-contact-lenses\/\",\n      \"about\":[{\"@type\":\"Thing\",\"name\":\"Contact lens\"},{\"@type\":\"Thing\",\"name\":\"History of ophthalmology\"}],\n      \"citation\":[\n        {\"@type\":\"CreativeWork\",\"name\":\"Health Canada, Notice: Decorative contact lenses\"},\n        {\"@type\":\"CreativeWork\",\"name\":\"Canada Gazette Part II, SOR\/2015-193\"},\n        {\"@type\":\"CreativeWork\",\"name\":\"Wichterle O, Lim D. Hydrophilic gels for biological use. Nature, 1960\"},\n        {\"@type\":\"CreativeWork\",\"name\":\"British Optical Association Museum, College of Optometrists\"}\n      ]\n    },\n    {\n      \"@type\":\"BreadcrumbList\",\n      \"itemListElement\":[\n        {\"@type\":\"ListItem\",\"position\":1,\"name\":\"VisionPros\",\"item\":\"https:\/\/www.visionpros.ca\/\"},\n        {\"@type\":\"ListItem\",\"position\":2,\"name\":\"Vision Pro Eyes\",\"item\":\"https:\/\/www.visionpros.ca\/pro\/\"},\n        {\"@type\":\"ListItem\",\"position\":3,\"name\":\"The history of contact lenses, answered\"}\n      ]\n    },\n    {\n      \"@type\":\"FAQPage\",\n      \"mainEntity\":[\n        {\"@type\":\"Question\",\"name\":\"Who invented contact lenses?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No single person. Adolf Eugen Fick published the first systematic fitting experiments in 1888, Eugene Kalt fitted lenses for keratoconus the same year, and August Muller corrected his own short-sightedness with one in 1889.\"}},\n        {\"@type\":\"Question\",\"name\":\"Did Leonardo da Vinci invent contact lenses?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No. His 1508 notebook works out what happens to vision when the eye sits behind water. It is a note about optics, and he never proposed a wearable object.\"}},\n        {\"@type\":\"Question\",\"name\":\"What were the first contact lenses made of?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Blown and ground glass. Acrylic plastic arrived in 1938, all-plastic corneal lenses around 1948, soft hydrogels in the 1960s, and silicone hydrogels around 1999.\"}},\n        {\"@type\":\"Question\",\"name\":\"When were soft contact lenses invented?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The pHEMA material was developed by Otto Wichterle and Drahoslav Lim in 1954. Wichterle spun the first usable soft lenses in 1961, and commercial approval in North America came in 1971.\"}},\n        {\"@type\":\"Question\",\"name\":\"Are contact lenses regulated in Canada?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Health Canada licenses them as Class II medical devices, corrective and cosmetic alike. Decorative lenses came under that rule on 16 July 2016. Who may dispense them is decided by your province.\"}},\n        {\"@type\":\"Question\",\"name\":\"Why do the first contact lenses look so large?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Glass could not be made thin or accurate enough to balance on the cornea, so early lenses were roughly 23 mm and rested on the white of the eye. Machinable plastic brought that down to about 9.5 mm.\"}}\n      ]\n    }\n  ]\n}\n<\/script>\n\n<script>\n(function(){\n  \"use strict\";\n  var reduce = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n  var items = document.querySelectorAll(\".rise\");\n\n  if (reduce || !(\"IntersectionObserver\" in window)) {\n    items.forEach(function(el){ el.classList.add(\"in\"); });\n    return;\n  }\n  \/\/ threshold 0 so a section taller than the viewport still fires.\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(e){\n      if (!e.isIntersecting) return;\n      e.target.classList.add(\"in\");\n      io.unobserve(e.target);\n    });\n  }, { rootMargin: \"0px 0px -8% 0px\", threshold: 0 });\n  items.forEach(function(el){ io.observe(el); });\n\n  \/\/ safety net for anchor jumps and restored scroll positions\n  var sweep = function(){\n    items.forEach(function(el){\n      if (el.classList.contains(\"in\")) return;\n      if (el.getBoundingClientRect().top < window.innerHeight) { el.classList.add(\"in\"); io.unobserve(el); }\n    });\n  };\n  window.addEventListener(\"load\", sweep);\n  setTimeout(sweep, 1200);\n})();\n<\/script>\n<!-- ===== TO HERE ===== -->\n\n","protected":false},"excerpt":{"rendered":"<p>Who invented contact lenses, what the first ones were made of, and when Canadians could finally buy them. Five centuries of contact lens history, answered question by question.<\/p>\n","protected":false},"author":3,"featured_media":831,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[8],"tags":[],"semantictags":[],"class_list":["post-839","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-knowledge-centre"],"_links":{"self":[{"href":"https:\/\/www.visionpros.ca\/pro\/wp-json\/wp\/v2\/posts\/839","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.visionpros.ca\/pro\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.visionpros.ca\/pro\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.visionpros.ca\/pro\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.visionpros.ca\/pro\/wp-json\/wp\/v2\/comments?post=839"}],"version-history":[{"count":2,"href":"https:\/\/www.visionpros.ca\/pro\/wp-json\/wp\/v2\/posts\/839\/revisions"}],"predecessor-version":[{"id":841,"href":"https:\/\/www.visionpros.ca\/pro\/wp-json\/wp\/v2\/posts\/839\/revisions\/841"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.visionpros.ca\/pro\/wp-json\/wp\/v2\/media\/831"}],"wp:attachment":[{"href":"https:\/\/www.visionpros.ca\/pro\/wp-json\/wp\/v2\/media?parent=839"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.visionpros.ca\/pro\/wp-json\/wp\/v2\/categories?post=839"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.visionpros.ca\/pro\/wp-json\/wp\/v2\/tags?post=839"},{"taxonomy":"semantictags","embeddable":true,"href":"https:\/\/www.visionpros.ca\/pro\/wp-json\/wp\/v2\/semantictags?post=839"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}