본문 바로가기
개발/브라우저와 네트워크

폰트최적화

by 안뇽! 2024. 5. 21.
반응형

폰트 파일 경량화

폰트 포맷 변경하기

 

폰트 파일크기는 EOT> TTF/OTF > WOFF > WOFF2이다.

https://transfonter.org/

 

Online @font-face generator

The @font-face CSS rule allows web developers to specify online fonts to display text on their web pages. By allowing authors to provide their own fonts, @font-face eliminates the need to depend on the limited number of fonts users have installed on their

transfonter.org

위 페이지에서 폰트 포맷을 변경할 수 있다.

subset 사용하기

특정 문구에만 사용할 폰트라면 그 문구만 다운받는 방식도 있다.

위에서 소개한 페이지에서 다운받을 문구를 작성할 수 있다.

 

용량비교

ttf, woff, woff2 과 subset font들의 용량을 비교해보면 확연히 차이가 난다.

Data-URI 형태로 CSS파일에 포함시키기

폰트를 파일이 아니라 base64의 data-uri 형태로 CSS파일에 포함시킬 수 있다.

위에서 소개한 페이지에서 base64 data-uri 형태로 다운받을 수 있다.

 

폰트를 파일로 사용하게 되면 폰트 파일을 추가로 로드하지만 data-uri로 사용하게 되면 별도 로드 없이 css파일에서 코드로 폰트를 바로 사용할 수 있다.

 

 

다운받은 subset.css를 보면 다음과 같이 어마어마한 data-uri가 생성되는데 이 코드를 복붙하면 된다.

 

@font-face {
  font-family: BMYEONSUNG;
  src: url("data:font/woff2;charset=utf-8;base64,d09GMgABAAAAAB7IAAwAAAAAUHAAAB55AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYGYABkERAKmBSTAAsmAAE2AiQDSAQgBYGCaAdOG+FMRUZljAMYPK5/VAQbBwECvXpEkkkqZ/+fEugY+6EGqGUAAlF0R+MEvURZC2tvbVVprMHmUPZl/njF8IrZ+vhJDPGQHhIgggpr7NrtkBnb1pVu1WMrvImjU7l6htwZ2DbyJzl5oaK1KrK6F+iQSQI9gyLHCp1m9fqEfNRkdwbwVmtzi1vwiYEnhROqu0cd9TDxp8vPHMddvd3bGYyP3dtpxGXzjaW/CP+j+iNAgL5BIpKwl5kUdSZlkaJMlbNcOie5COGt5AL9LiUMXIroSC48Q7BlpxziAoAv6Ei+JNYdryNZrQMuXoouB7A8qdPs1V4p1McybA84TEn/+fYuS7K6q80JS3KIXSCQLMTBDawXBvz+B8gv7fvT9C9rtwxzh3WWnQNsJ4BboE9IuQ65BXgJQTtBqAvCSHr99zamjYK5pXpxg4fRDbEKgmnVIOL8X1MXhX92b3Z272iCQ7yoRVIFRZXvDfHeqIIqn0+0BAYO8/9b+9IGSRLWOStXyMhVMSbGdN/76tWk/8BPdQ/QQk+H6IfoddXMbIcI1aoQqFU5PkrFxpr41fKbnov6F0JdoTAOK6Ffb3f96WpWX21tfX0hQlYzf/7ezZJ0SD4kjwrZSDRKYB3FQzaXzK6lIo/BeUM/0sALg+JD+89+y+zPWyU6MZpz8Xh4E26gMBa+F339611mYOe+z3f2flprpUREHHFERGljH4aAJABgCEc2wnymXoGAvbQSYJWM0SE9IsESYdAgQFMQv2CeyRRxdhykO6hwvpqwDKP31uKqQs8IyYY8HMJKz5Yri6yp8jhVzLPIMnh2AoZ4WrT6ovvmT1Vkvw6QAxnG78XJIItIIC4AOQDUAQXg28D/AQAegFASuo16S4rWdc+5kiFG5zc2dvZ7dhfz8hYnsx6Ev4n0zKzOXbxw/mIGPx85eLiuI13SHT5N1KCoBQmJWrmkyVku21IM4G9qs9kUVDCoIKSzuLLTYSCs6BjBbsuGjZNK+Ok05Lk3K1MDkI60/TS3/1cQB5JuIGTXG1rXri0aFc+TvcvdVtDKVncGvdPbViR5gPE3pd9HLK7rypS+sMtb/WEwqLZcBdbb3u+E7D3Oi9EUYeBXqmkWuZtT2MeRHSrVQ2tgo1oVzORmQYu0bpeg57myUXFdUTOLRaGIF0/8d2WfgZcZOum7e3paElQAkIS6/wlgbJnFEDUIS6Lr8RFyCybwhnAnxRtx74/pzvkS82yDuWneiJnNVgW1HHIyBcha53TFhTdhSbu/nIMSjfDREc3sEIKKv4B+iqSqAEiy1HFkShP+G0QjkrKb2ON/umpAqDHMIhBOMLd1RVGGdVS2b8buwgP2xPjLoMBIns6DJCMT2sHLZ34HWGgl3+llibHBpdrOifl4BiG3Q/D8eju8aqdZ8pvC6ZAChtN3sFkMw5WNc3rO12OYJuAuGrRyjDjGkUDrDYBLIGpqloT8xe5JJuyO6xrvyn8lo/5zvtL9bQjBTFeuHB835Mw2n8VoThar1aJQIkGrtrs5pGnM68dybu3thY780OCJm2ZAzZazyJl2rLEUaBdOvPltt63BfFCEpVqKkcziRAcJiUInieMRJaZux2WEbOdZ/N9xHFGzzWqWzuLIGUozm44c9cuGJ77ZL6jVWoe1Et/+8XHYyFQqfJaYwoxkMhtpVb/Kme742Y/GTPyww7lVrxNDZel3PMd3Z2BOO5FhScRuvZ6Wjd7mrnhICPmoWXxO2OXQSydTcbPxlhVnEIxfZbNVIHSvxuut/8VaLTHFMkYzpDusER2tq4wj/38CleNgMdb91F6vJLqUJ1nHNrXogQjW711vN3Rdur7FeTIYb0HCb6J97Q59Wev8M7jh2iYlshP0LoOVC7SPakxy52aRkKhmCWp3uP8qj3rCpY3cPUg2MoUCO11K768XXgnIHzrU7P9uiO8QmC6blzugtjynf2+pqTD22bVz9b8WEABU9JuzDxXHEsjhlM3rtv/ZG1CVf1HTd2hXznomKubeC06es6OAM1Ad3uKu6+nVwwB1DEFijBOdDmERcvnLZ2P3ZRLINz+Q+QFMPO4efG1l0dOfX1wH0tDpsMj+qooG8hJ4fioM0bn9RvlF9yzHTq3z0jsfKkQXUjYu6sRBL66vH8P7bz2Y1qRo2ks2MAVEHxwrufr5eAFRaJWj3sDTXWYNWthBLJFdJ9bVDWRzjgf5dePLoGadhRh4W7LuPYoha/vngqRdlommwjbAlASCyeGNFyr7ddhTqmRIucmvWUGpg0JOTVny4M4Ue3Fd/OlXmwsUHcqqA4RmZRo/F3HavQE1SW5P/NNFx7mfMbliyIKFQw4AtJmx7Nhxv+5CBf20Y/nJf+qwodvkGZ11ecVhPdLtMd08rq7aePkdhGDvVWOnV79T5un0ojbGtOKQZPkiIVA/YAELs+lZz0M3FSQV8R0GMCUSWJNIe5EPG/bB2HBxB7a6AjyIMJs6fLRBFkMO86sL6rIh9XqBoKPuwKTAgebbeECnCjVlk+Gp8NABUHfE8aNC2G7FFt9EtQ04mExFylKDTqD4ZqplorMCjAVuvxzAo2X8DWvKP+G46GIyNQac8ION7VPXL9ggOpGYgiPyEG8s+sujOqDzaBwFYR3SirXDCts3auOVe8FnBJMWk2ldLwvUGf6mZKUnziBxhiWP/OIP8s79gMl2kCblPkCBaq1MQ2fxBACTchbg8NBHvAEDDtuhQwQ3nCAHPyCwA5cXXvuCzB6wEM4yJZD0hAeVi/x2rhuPIvNuPytscOAHUwa7C9gguYkjSXn5FeJU/GPpECs+0y82VMwN6jkPcwBbLFt4JONG7cma+2OPkAR7IB5xv5A5q/P4d3khme8mryNyDB1KMWQlhqCiWztaLpsDsjacFohpIQXFVq64FMTCB/BAggEFQEWMJkaX7ggQ++7wYSmew+HOXK5cxegpFzCFQFqbEamttQJHnA3+uJLEFqhiCNeS9gz8z8YuBGnfKEpQRoCrgTXOVKhnDHkheTEHI0iwinLBfYEiYFoy9s1W7VSHTLlW88G33YO6EU+wu31RPGT46Mv7PrDKae7XyDVgbbwfmy0hYWHNw4s2jLzcHIYhbbHtSJu/Wqv822hKfNDZ1NfbClwoojAmynNHeAJQP5VAkH4XHoaUuxcueTF3TtoY0FJnbozrUO+4iIIxMBfsxWiFykMZHzNbcaxCGyZKAMqIlFdOnfVv3ois6rU2up2pOqLyKKDvJ7W3xJcoW6KtYf1yyzrE2K3VWqvTr5M1PbxvUfte5qScaKc+Jk9ZrgsQZL/PCrMYc4yGfGmZOliYsy4lBEgrwCIKQgVEcWcc4qVzFpY0pzJ9wjPFJ9my4nC1KjPERQX6XUCxO/ute68rqL+/21Qy5fgIRpPRCJdHwiv8K9ng4BljcT2RjSOAhyh1BHYUk3l0eRqKNMzcphv1ZfCEPKla6/BFJbYg4X354puYp3RcjvYE1bny8fJ3KdZIt6S9/QGlCgDTDPgUYgwP3LKzb2io2U+q8g46nEs6ZD5h7O2XpcEy1obMRiwHAAGCJ4Ot9/8z//iPJ9xvwOm38o9kLnNdsHTGL3RdgSh2gPpEWvzjG0Xwq/MnL5rjOtOzTrs+Couun5awCmJWRK3lk6PLMuwxDWogpiBcv2TbdLh2SNTeEabv6xf1kouAHCugl87XabFPC49FFuFEgmNnRLjqHFXcGfplF2KQNy5MnK8uwhinLkqpuC7GRf3uEvRo4jAJXSqVoS8ug8KMi8OsJ4fZbg3zpw4v+CmHfAz4nPEVO1GQucoZGZkfnWPEk+fcEF52iJZ85VCC/OUwPfKPw1n2E0c4l/3OkaruiyELOvZXfNc7Dk3/HvKeHPLdGgqnjhYNqZAOpdZ5/RcSCtyVD9yncvuf+/Lypr8Nv1kefnvsot8Nf4R83pRayOqGS0Iukatp7chsvOU+cJeaZQLE2vZswPCil1BtC+/8VSwL19vBdUgw3eO11NlqobcPPohNrSrd+KnV4vn85fLpzXyx4j/LY5bOKbg7NsoWSh7Hz91+6pmN95Y7KVu5rciXhf+GZ8vlPBgz+wAIAwzm5vtULICeTeqmE/FrSta3QsJWdCvYjYO1o1EKNkzuO2O8ya+GLR86fnPRcA47EVwO1EGdW0PC+dV+o7S68Mk3O1Nq5Or5KUzWl9K5nrJbPfgIXsPdTkqdWMMkB2/XhzBtolgWL3APuvBgSlZ1+RyVGmY5bI/kMemZCZys6DuLl9CPXf/QTZZFzpWrjC1viB+/ZJ7eKT8N0c5Lwr12NlKbPaAIkT7JeTzvSx+TKJmAaRyTCowV3cDTDHzGFLiQUTlQHSUmKwiR6L3LexSC9eoY9ROOBry06oqwZQxhwJBEcCaDjEOCJHypJxhYLp18IYIqfLSa4EnOwGClypk5TZRIdlCDtyVYHHqDKbwRCTrE8omag6+wo4LhevXwKhiAasytZ0jJnmnBWiBW+QS1tEoO4ShgRZZtJMa8s2JZznoUkKbVmdIvxOSSlEK9alQGblbmQsRIKfUoSDoSll6EY43kClBkALyVT0W8KiAhHljUFA/FYZfmG4pB8D4JAvCXPi0sJEuZughD+ese3goopwRXKy2atPQjCjw1bjQaPLSLcxmc5/q7uACfbT4fHZGDz9KIxhCeDhHGCTjK4rUCaNZQhQXxBKT9yDHuC2rG7PimmeehDD7EWOyHOcBobQVFpoeLAbTNhWlwywR30YwLEOkyr2/uDZoKgNXG5/AbKhB2CIRxSeKCkOhwCTpsUe1BI006NBcBLZkzz8LQ/Lx8zBiUNpztbC4P4WwCR2XB9fjvxGUDxiJf0dIrqWw6C4bXZUWKxDsLBLFHU340sFnKlSMIXE2BXuA5wllnBX6ikBqcexUw5qGUtgPxjqDNIkggcTz9VrmQTI/hWOZFLFser/R67FNc6GiWnjnSRXOI8amxypNNbnjEJDcHXH9sJhK0jCEMvo/bg/sGyLoX6OgjZaaTHm1sdZhSqwDBt9ct0aI0ZBMc80+Qxy1x1q6kNjUzxRkZaUlqOmTefLgWqfzyuFy20NWzXm9HbwLJJJel0oYHE7j3rLDJVBe9AsCE5opevrmhBFuhl2W4v++RaGk/N507zJhDzRlmE1jSE5VmUF7nCKnWFLZ4/Qh6tVbFLrkOQRghrDibelLogkyT/F/MefrJD13NYU6xX315scR9P12o4IDQe15UbaxteQKLDvNw1PlA3oxcpVRxEzrAW13AbZ03vXwXUXvhruPi7vJ2nCLkMdfQAsLXnnP1v1GdeZL+7TDNdGC8Ne2N7b7xNCUzFVc41Gm5+H//nLccP6c607Ohlf+97RTt3QLABMc4mv4Lxy8DIsG3teULfBu5dI43PN9YSr7boI+7C9IqYOIOb7pUurwxz4cjvUvkNV4ISTx6FkQFlNOrsGKr+zkaJB6i1IfE88H+rzvnbYKP+8Qt+XzUOA74VKZAHd5g7KPhm71TYpT8jPPrIwa9DcK/0WEkVr0P+aaMpJnvZ71XB+D1V+MorJU9DQ97k7Ph9WRpwCP4TB+7pSBE4AUmeE0Lj7sb993NH7n/P3xKb6QJtYYFLhHEJQR4UkRmI5Sidx/+W63nAkirBZO/0jiD0464cmQnosiT5YAGTW6/BrkRoBippMRY4dedzkASCowlBIL5/TGp4PLsgGshAqP2sLUUVxu0GG3BNf/jYysUggVWU/Nv0xUuPD/60tJTN/vOwsqFDzfKY5CK5zAwcHlDsYpbdwQi5v5lz84u7zAHfOBjFVdLyC03PKbPzscuzS2V9x0QEJzBtvpnszYZ6dTugRnXnWoT4D5V0Z5KHNht1G6JX4MtobMCdkbD8YahqLgRx3blGYZrTjGxxw26t8uFBsfnXQwfBJSDWAeSUzo0PwjXFjJ1O9O0MQJWiOwcm9Pvsyk2TpEGu9V7bdYvnzrXSWLnhGkmOleB5VXAQ/AxNiD546WuA50/yiWxAIaiE5eoYTP97g2V+oZ/kkCeJXhs3SY63YkQfgRIc5zfdjCmi2OBBH6oG5lMxDkFq9MSs0xmX2L+dTRfKoQIE09Ce3N6/RaoKUzLsOz28P1Ej5MGY0IpHZAHwNgkImGT3NCNZjsFjFDcXBlmD8NpR2uVOGK5p38AIraBkXuoiA0von2AyYPA6AxUhqwP79xbXMHWjoF+0IdYWV/pXCjGPOA9rlINJ0BmTJF98u/AXgATlPtQF3wyKpKNA+OmZAbm1HZ7RBGZMdip+ZirGHDMlAAkKoi0AdYa3arxRtZRVTa2QuBm+ORCU2mEJCYCFznrx3pL5oLERz3PeWrcpU3JYjLoRgEiH7UJYNySNC4tA41++HDqDlUHg5LYdR118+qhnhqPiARVMMkNOFfAXWscNmNGCq5mJuuR7CCjvYNKaVsZss5ibAEChQOEzJU7YPtC60HUemlMg2nCU9I1aJ6NxaCAIUfweqmFAROW/+TlfgAGRmUzefWVRqzGcLxZsSAwcnppo2HYlonCAtMDSfDtDVYJGttwGGXE6qg82yC0hkcun0pDFRPAB+PA2jJLQI0P8ZemAO5tTKsUR055ISMQj3+WB55agFxB5UzwiLOMZlbMftzWKAKBK9jizVgxgn5IqhOM9YXBRl6S6r813N7JgodpPoSnhSIQEGlXXYSQXh6jqLjheA0w//teIJYdOR0mUes861rJAJo4nHMU6+qEPcmEFq32DZfji2ucg8T7mmPxPSVnA9AMY57Xj7xP8xYd0wypipCfl9xs5MjhOwIRc5L0QhHe/Zj5tIeawrrbtkbBV+kEhrjZTtApernNG1ucpxRJXyhUXAWgnSzJ7WtiTL+AGCZNUjjYBidBU6wOXDDsQo/LzYYek263XrDlpc5JdLJ20hsGG+nb78DlFyFMF7o67RgxhKDqKjXPyWCieWKhibVC7/zLHXMvzr3jWGo1I8KKZDNfOrBKNh1y++KqINWI4pT3RUtVuwc/zW1m7Xk1nNIpSwZAsYZNY2OmAvTc2x54QGhbC7UcmE8rOZaO6BQn2MllBjeYyP17D5P+iQKhRIuHCfWicOjc7uk/tmU8xsrcMa3m1UDM7wh0NDpafP1yBTXVmI+Yu9lFk8XjEHp97nom5Vrr7CwbnxJTSTnpm6jp+PBL4N5jxqRyAYfuwOg9eyZG7RTcssW6vmgPavMVkSAFrtc0LjVdTMsvtXyTXdIS/qFB85J9FLtCg496XDqkNfLib2isO0IEzIoUMjAEjOoIMqWga3MPJsmryinsNNqBrtOJ83WPDNRmp8OZ0Qsa2jhdQ9XJ3KsjOln6fJmTJj3EEiUVCy6CwKHU7DDaWdDell3V9zQqwg7W/FT945pwqV5tAJY6TcQoyGGPsW4UXUBPJT0pNyvmQQEWL6ViqrxG3d65cMugXu0JhIiCAmVisbZFJuBaLrmDrwm6FmYqCHmIWvEqVO7K//+lZ3CSS1ebdecMQ5cYPiybb3Bj3VQPPlSDRLR9pIgneMoX2eLSU1ylyxdxNH3JgVmvZrf6Ekhs5wdHePENGGcJLLuwh4hej8f0GFMGryR/TVyIBUIBcBc6pDO/+5LWYrGO2MvwfJdCsmeuQYSfcbMtUAvm+tDVa0+6QgYIKdm88lwiFo7QMDzY3g9/FeCeVoeR/2IyAxtscpYhinMNWawmphhK79ucbCOeWArWJw6g7y226NF9ggCJklzn22O29CDsd84RdMNXMI1Rw/b7SOrDQnWEgBtfoLtz16dXr21kHBXLhvhny7zEYBaKsy0HX/L1Rg0C7mKEBaBvL1SNet9LJGCuaMEg5D4RyPaeELuj19YKRt+UPljrAsiqrUEWNxFK8ZfjV3HIGJ4MiAaNvp7offEOs5iy9KjO5EB2E3qd4MNrDETXv7E/hdR8B8gArMubIHb0T+sXSBav4/hghXkFRwUgdpm25ZBipp8EAFHkBCwSKPIaYdzPiSBmcrSNqo4MLwfIqG4eHqEEIjbnVG+wZNpD98ubnSmYjLs2wsT/mgzcVYL7kHnI0QUHGBvSHf5PVD9Y+GcUhgkebc/jNpRg5+IlDK26Dt4n55CP/ueuPZTtblNH4YdfBMLA0SYbQHhbhTmPhMA38lS4TcYuPoq87laBZDlqquQqvY67CCiqzkCE5ODJaRT0RnaDzHsekiILB+82LcpYCA+Ed0d+t8rnGTjO2SsijyLq9/4hCViQ0Pv4e0X1Vx9j6J0pf73x3XaaRaz6QdII/oq7r5y0PVxzpqMiKDZCy+59jz7oNJpbOUVCwB3Ao01jQhLy8Y+k36DwFZvzAK/aCJ4QmDjBha53gFJxgZg8HRQuCHa65SCUPI16iZ6v7tGfSVmCrjGUtLlgvgXjaGGYuYwH+MRw39WikW5O8RSmN/4nWBCnNBGQ5KmAINhTr1eUC+MPiwaQF3d5RC+rSXSMCIFNyMHiqlsiva8bQ+/2q0abMXERMREx5ScEx99Hm68eNU+EIfp9E4zas+GBnXHwrwplGBa2PRToQKPg9zs19QkDvEbqB547sSgj/67B1u7+ZJ7Nd9TOKGY2WvVZtnvA7ATQJMIEfAfYNF0AsE+9LKB3sXrvb5HGT/ngRL6o8d+XrPybu14iBfP0F0tBklm6IZ1PMsxXJEUkkG+yvjekP9sO4L+lAAmJLVbv6Q94BO/hwnk9sSuNWrSx+WkxyXfHbWVGVqvOaMM6xnB0k5913gu8CTXuIDWJXE7EBQURRAYjiPCJfqYjuvC2KowScnC1WptOm9FctOpziZgeD8a6LqhEKh+DreDDaVvjg1olJVuPWv9bIOMcASXR3Ql0cSW4nfGY55dh4m8xlIQ+iipafoGZSDZeIjh3STFyfa4ssk3oFoYk9xPNA6r3KQIFa+R5mZuP344WmlyhLsJIez3Dw/mdsllG4CCCANuDIrwD3eRWP7Fuie++zRGUoyISkmYgirqk9/Ewnm8QvB0c5VUtDbYq+a6BcnO37vd0oXYBGmwqzSaZGHRrZbjEADbwx0egkOk6ZYoNttW4NARD+Ap1asagsQTFzLpmO0IJmRnrBBsC3dHmUbkdWyQGdNUsxrYGe8YeMM2kT3/FJq7p4qYLw0JjKYxKj9zPvXR43So01Sr6nzPWPWs0vGeBXtMvtPfX7QgVukiUV20SKq7N9Cjs8s+Ia6ArIY0paPSO2Hug2utXodWw6jbd767RjomCfyFJVWEkaEvxTOe1Qc22gG4GPmxdaTIPIXIIpqGnTar6GNccdiGdYI2kgbfsjQ9bM/2IRfUvQJwnuJ3enCWSbuWh99bomt1XRcwGQzSg8uzAACvUSuXPASQlGNb3wPMGyzoOCLJsSDDqEvvo4Ke7tTPmuMxr8bEozzAvBQB0bK0VhttoiVJssGWh5sYcKm8fq9Wu6MCAKLlIAD2XGDaF5iZfIVS5jXOJu2CiCrLENWi0VqCVtfvaKDfZUV3cxKGAJ5J1QUWH1xTEtTwzj4YwnrSC8F0N0/tqf+b96hKVZIynNZSX9WgUcZo9E7TxkawRVuIQQ34YxqpYZNIGrtJGjjnEnJzAA4io7YiDB61qHkWdxQD9sPGBZ8x2TpKrWr9vAzllfPBwgYIyFic2JsndQkYUlernljiyDKFTndsinfpcX+9ID0f6P1TEnmAPbtQrTK/eJnS60Apde0hw91/OfVOecMW+L2S7GG5hZgUfXT/DGVJYk6vXqzSPpgYPImx72KqTBD+NsPg8vBZuGZ/e1BoN3LeEX3Ok6LG17iXhdrbLyXYjGyiKD9L5CvNxd5vGlNIm1ouQ31nMxiLcZS2v0CQKQJHhigJYvERUCMCiYilZkLbuzThQsOhsHHGdqULqnqtXcNcVFLDHeIIHMsIlX8fQT7UpfVcdvM6EUiN3wNIqage7E+OCNNBKCJy7L+1c0PWMcsUUV/Ge0O3CQ9kgSwpA88yS3ZprqGLBge12Pi6d3kzGsFYeIx1HzlozvJ6wIJAsbOQCAJDr1s3BUprtBR1mtJwAgIzZbO3r8g79pFA8KIia5YHmfu6UfNVP4+3i1Fj+tUEudxph6+miEkOwBwxSY/DXwXHMAiqdUayLWnTtV0t4Oz3OWR7kL09B7YAHfInQJIsPnbwj7u5l0eTnqdnewqIDNbzCihbe9sqP6XblXQmm/6MgA9QVnJ6WDBYd1QVFEwKpGOc+0QMCDP5rC7OmX9d3vAqI6laIZKXmVg42u1KmOSSfc/pO2CGrmNhMnhmZ5nFB8C5KWYs8dGLyZSA71V6/lg3xiCVW1ok2odzaGvoqA2FC4D5zVv1ZLZtQmSHriA5ZxNQTygbfcdQlfzXAnnE8zyRKx5w6H1dmqMiGmbirZGKRdiEOvQWbnf0mdKhp1aCuuETIabJZ71yb34rgt5FZFzB+v8Sgh4G/mwMIk1FHPQ000kQLbXTQSRfdhO/rpT/S9cblrq6ubgA=")
    format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
반응형

'개발 > 브라우저와 네트워크' 카테고리의 다른 글

HTTP - Stateless, 비연결성  (0) 2024.05.18
HTTP 서론  (0) 2024.05.18
TCP UDP  (0) 2024.05.14
IP: Internet Protocol  (0) 2024.05.14
브라우저에 url 치고 엔터누르면  (0) 2024.01.10