SQLの窓 イラストAC フリー素材

2012年08月25日

リンクも設定できる、typeface.js を使って必要な文字だけ WEB フォント(ライク) にしてしまう。

typeface.js は、canvas 使ってフォントデータから実際にフォントの絵を描いてるだけなんですが、SVG 使ったWEB フォントはやたら敷居が高く、一般の人ではなかなか利用しづらいと思いますが、これだと必要最低限の文字種ぶんのデータを貼り付けるのみのなので比較的手軽に利用できます。

しかも、クリップボートにコピーできるし、リンクもできてしまいました。

Three.js(WebGLのみ) を使って立体化のテストもしています。
『切絵字1.0』をクリックするとコード取得ページを開きます( 他のフォントもあります )
※ 但し、最初はフォントデータのロードにしばらくかかります


切絵字1.0
水面字1.1 
モフ字1.3 
 
▼ iPhone での表示


これだけの表示には以下ぐらいの量が必要ですが、表示にそれほど負荷がかかるものではありません
<script src="http://winofsql.jp/js/load_typeface.js"></script>
<script type="text/javascript">
if (_typeface_js && _typeface_js.loadFace)    _typeface_js.loadFace({"glyphs":{"0":{"x_min":103.078125,"x_max":590,"ha":692,"o":"m 344 59 l 189 158 q 103 530 143 343 l 192 887 q 354 973 271 933 l 500 887 q 590 508 546 698 l 495 149 l 344 59 m 356 149 l 424 207 l 486 527 q 410 842 454 687 l 344 892 l 268 828 l 206 511 q 276 199 238 354 q 354 146 311 166 l 356 149 "},"1":{"x_min":238.71875,"x_max":462.515625,"ha":692,"o":"m 375 111 l 375 149 l 333 736 l 241 801 l 238 812 l 260 857 l 397 952 q 457 763 457 870 q 375 111 484 413 "},"字":{"x_min":179.03125,"x_max":1209.859375,"ha":1389,"o":"m 663 -62 q 554 -46 606 -59 l 541 10 l 622 27 q 652 92 641 56 l 568 264 l 211 329 l 211 389 q 722 546 508 364 l 744 611 l 443 644 l 443 655 l 457 706 q 983 725 720 722 l 1034 665 q 804 486 920 568 l 839 416 l 1177 389 l 1177 329 l 839 261 q 674 -62 788 86 l 663 -62 m 244 690 l 179 706 l 179 714 l 238 884 q 739 1060 519 906 q 834 944 769 995 l 1150 884 l 1209 714 l 1142 701 l 986 804 l 405 804 l 244 690 "},".":{"x_min":309,"x_max":384,"ha":692,"o":"m 309 65 l 309 133 l 384 133 l 384 65 l 309 65 "},"絵":{"x_min":138.34375,"x_max":1250.546875,"ha":1389,"o":"m 1204 -54 q 1071 -16 1139 -29 l 747 -51 l 652 -40 l 646 35 l 741 105 l 796 299 l 682 367 l 644 413 q 538 448 584 416 q 419 -8 405 253 l 354 -10 q 301 354 330 172 q 138 438 227 416 l 138 508 l 227 546 l 268 636 q 173 766 211 695 l 187 820 l 254 854 l 375 1011 l 457 1017 l 457 1009 q 341 788 410 895 l 391 752 l 505 873 l 527 873 l 587 868 l 587 859 q 421 584 514 717 l 492 554 l 508 614 l 527 614 q 1177 424 807 405 l 1220 359 l 994 299 l 912 111 l 1052 105 l 1052 119 l 1032 212 l 1109 215 l 1250 13 q 1204 -54 1231 -24 m 211 70 l 151 92 l 151 97 l 181 291 l 254 326 l 265 256 q 211 70 238 161 m 538 143 l 538 146 l 500 305 l 562 313 l 606 158 l 538 143 m 828 601 l 828 663 l 1071 663 l 1071 601 l 828 601 m 695 663 l 655 725 l 858 992 l 975 1049 q 1231 750 1098 897 l 1199 693 l 1190 693 l 931 815 l 695 663 "},"切":{"x_min":170.90625,"x_max":1217.984375,"ha":1389,"o":"m 1057 -43 l 956 -37 l 948 35 l 1044 62 q 1120 337 1112 188 l 1112 752 l 1104 752 l 975 725 q 820 234 907 476 l 549 -8 l 516 59 q 804 747 847 321 l 679 881 l 741 949 l 758 949 l 1152 834 l 1217 221 q 1057 -43 1150 70 m 389 196 q 268 541 260 340 l 179 592 l 170 665 l 271 763 l 311 992 l 386 1038 l 440 788 l 622 766 l 633 695 q 440 573 535 638 l 400 359 l 435 288 l 462 288 q 535 305 500 291 l 625 394 l 676 359 l 676 351 l 562 207 l 389 196 "}},"cssFontWeight":"normal","ascender":1194,"underlinePosition":-96,"cssFontStyle":"normal","boundingBox":{"yMin":-165.46875,"xMin":0,"yMax":1120,"xMax":1318.359375},"resolution":1000,"original_font_information":{"postscript_name":"kirieji_1331828538416","version_string":"Version 1.00","vendor_url":"","full_font_name":"kirieji_1331828538416","font_family_name":"kirieji_1331828538416","copyright":"fub","description":"","trademark":"kirieji_1331828538416","designer":"","designer_url":"","unique_font_identifier":"kirieji_1331828538416","license_url":"","license_description":"","manufacturer_name":"","font_sub_family_name":"Regular"},"descender":-196,"familyName":"kirieji_1331828538416","lineHeight":1389,"underlineThickness":48,"custom_option":{"shadowBlur":"10","shadowOffsetX":"6","shadowOffsetY":"6","shadowColor":"#606060"}});
</script>

<script type="text/javascript">
if (_typeface_js && _typeface_js.loadFace)    _typeface_js.loadFace({"glyphs":{"1":{"x_min":217.015625,"x_max":481.5,"ha":692,"o":"m 405 75 l 391 84 q 364 217 367 146 q 362 359 362 288 q 367 409 367 383 q 367 459 367 435 l 362 514 l 367 592 q 341 705 354 649 q 303 812 328 760 q 263 830 284 826 q 219 839 241 834 l 217 851 q 323 900 268 878 q 429 954 378 922 l 438 949 q 466 863 454 908 q 481 771 478 817 q 461 703 473 736 q 454 630 448 671 q 472 554 465 592 q 476 473 478 516 q 458 390 470 429 q 448 305 446 351 q 465 254 457 280 q 470 199 473 229 q 453 136 465 166 q 419 81 440 105 l 405 75 "},"水":{"x_min":135.640625,"x_max":1245.125,"ha":1389,"o":"m 606 -124 q 575 -118 590 -122 q 546 -103 560 -113 q 538 -82 538 -94 q 538 -59 538 -70 q 547 -10 543 -35 q 568 32 552 13 q 606 39 584 40 q 644 48 627 37 q 655 197 652 122 q 660 345 657 272 q 648 409 655 378 q 644 476 641 440 l 646 522 l 644 565 q 661 642 655 603 q 668 725 668 682 l 663 834 q 689 979 674 908 q 717 1120 703 1049 l 750 1125 l 769 1117 l 774 1098 q 762 1015 769 1057 q 758 927 755 973 q 789 837 766 878 q 845 758 812 796 q 878 741 858 744 q 918 736 899 739 q 1054 796 991 755 q 1185 870 1117 836 l 1217 851 q 1234 827 1226 839 q 1242 798 1242 815 q 1137 729 1193 760 q 1052 638 1082 698 q 1033 562 1037 603 q 1032 481 1029 522 q 1064 349 1044 413 q 1139 234 1085 286 q 1194 193 1166 212 q 1236 141 1223 174 l 1245 100 l 1234 75 l 1201 70 q 1105 137 1150 94 q 1015 221 1060 180 q 923 316 972 272 q 820 394 874 359 l 812 394 l 782 373 q 760 324 766 351 q 758 267 755 297 q 764 221 763 245 q 766 172 766 196 q 739 28 755 97 q 706 -111 722 -40 q 659 -123 684 -122 q 606 -124 633 -124 m 160 70 l 151 75 l 146 111 q 157 155 149 132 q 184 193 165 177 q 250 242 219 212 q 295 310 282 272 q 332 458 317 383 q 348 611 348 533 q 339 638 344 625 q 322 663 333 652 q 226 697 273 679 q 138 744 179 714 l 135 758 l 143 771 l 170 779 q 225 762 198 769 q 282 755 252 755 q 400 782 344 760 q 516 817 457 804 l 571 788 q 591 736 581 763 q 598 679 600 709 q 543 547 568 614 q 481 421 519 481 q 435 389 459 405 q 400 345 410 373 q 366 260 383 302 q 311 183 348 218 q 249 126 282 155 q 184 73 217 97 l 160 70 "},"字":{"x_min":94.9375,"x_max":1293.953125,"ha":1389,"o":"m 584 -122 q 554 -113 568 -119 q 527 -97 541 -108 q 520 -82 522 -92 q 519 -65 519 -73 q 530 -17 524 -40 q 546 27 535 5 q 598 42 568 43 q 652 54 627 40 q 657 80 657 65 q 657 108 657 94 q 638 153 652 132 q 609 193 625 174 q 581 218 595 207 q 552 237 568 229 q 373 294 459 259 q 189 332 287 329 l 111 321 l 94 332 l 94 348 q 361 398 222 394 q 625 451 500 402 q 649 489 638 470 q 665 530 660 508 l 777 581 l 779 598 q 713 626 750 622 q 636 627 676 630 q 585 618 611 622 q 533 617 560 614 q 451 648 492 630 q 367 674 410 665 l 364 682 l 370 693 q 442 729 402 717 q 524 739 481 741 q 604 698 560 706 q 698 695 649 690 q 802 720 760 684 q 901 755 845 755 q 971 745 937 752 q 1026 706 1005 739 q 1045 684 1034 695 q 1055 657 1055 674 q 952 590 1007 611 q 847 530 896 568 q 812 481 828 505 q 788 429 796 457 q 906 410 847 424 q 1024 391 964 397 l 1117 397 q 1207 379 1163 391 q 1291 351 1250 367 l 1293 332 q 1272 321 1285 321 q 1245 321 1258 321 l 1158 332 q 970 276 1063 313 q 801 174 877 240 q 745 36 758 111 q 706 -108 733 -37 q 649 -123 682 -124 q 584 -122 617 -122 m 230 663 q 177 690 203 676 q 127 720 151 703 q 119 741 122 731 q 119 766 116 752 q 147 845 127 807 q 203 914 168 884 q 248 942 225 930 q 298 957 271 954 q 365 918 330 935 q 443 908 400 900 q 539 926 492 916 q 625 965 587 935 q 649 1032 646 995 q 663 1104 652 1068 q 699 1116 679 1114 q 741 1117 720 1117 l 769 1101 l 769 1060 l 755 971 q 767 953 760 960 q 785 941 774 946 q 888 915 834 925 q 999 908 942 906 q 1050 935 1029 914 q 1104 957 1071 957 q 1169 927 1139 949 q 1226 876 1199 906 q 1257 817 1245 849 q 1272 752 1269 785 l 1255 717 q 1203 690 1228 703 q 1147 674 1177 676 q 1106 725 1125 695 q 1055 771 1087 755 q 854 840 958 820 q 638 854 750 859 q 457 819 543 845 q 292 733 370 793 l 252 668 l 230 663 "},".":{"x_min":295.6875,"x_max":397.40625,"ha":692,"o":"m 330 62 l 303 75 l 295 100 q 328 120 306 119 q 373 122 351 122 l 391 111 l 397 89 l 378 67 l 330 62 "},"面":{"x_min":151.90625,"x_max":1226.125,"ha":1389,"o":"m 268 -37 l 236 -13 q 177 101 203 40 q 151 229 151 161 q 184 264 165 248 q 211 302 203 280 q 245 520 230 410 q 339 717 260 630 q 472 794 400 771 q 606 862 543 817 l 611 881 l 600 895 q 474 911 541 911 q 362 957 408 911 q 346 975 356 968 q 325 987 336 981 l 290 987 l 184 963 l 173 968 l 173 976 q 328 1045 249 1017 q 495 1082 408 1074 q 595 1043 546 1066 q 703 1022 644 1019 q 816 1052 769 1017 q 931 1079 863 1087 q 1072 1041 1005 1066 q 1204 981 1139 1017 l 1207 968 l 1180 965 q 1127 980 1152 973 q 1071 987 1101 987 l 1047 976 q 1017 945 1032 960 q 983 922 1002 930 q 876 907 931 908 q 774 881 820 906 l 769 857 l 774 845 q 920 786 847 812 q 1055 698 994 760 q 1142 473 1136 598 q 1196 240 1147 348 q 1213 225 1207 234 q 1226 204 1220 215 l 1226 180 q 1194 80 1215 127 q 1142 -10 1174 32 l 1109 -27 l 1074 -24 q 1039 -31 1057 -29 q 1002 -32 1021 -32 l 972 -18 l 931 24 q 836 46 888 46 q 733 46 785 46 l 565 43 l 554 46 q 492 36 522 46 q 438 5 462 27 l 416 -24 q 386 -33 402 -32 q 354 -35 370 -35 l 290 -27 l 268 -37 m 779 132 l 798 153 l 801 169 q 771 199 790 188 q 736 223 752 210 l 709 256 l 682 259 l 646 231 q 610 203 630 215 q 576 172 590 191 l 576 161 q 594 136 581 146 q 619 122 606 127 l 698 111 q 740 118 720 113 q 779 132 760 122 m 419 166 q 443 316 432 240 q 492 457 454 391 q 482 515 489 486 q 451 565 476 543 q 423 587 435 573 q 402 617 410 600 l 378 655 l 359 657 q 335 638 344 652 q 320 611 325 625 q 298 527 303 571 q 292 438 292 484 q 313 301 298 367 q 364 177 328 234 q 386 165 375 172 q 410 161 397 158 l 419 166 m 1002 169 q 1068 307 1052 231 q 1087 465 1085 383 q 1075 565 1085 516 q 1032 652 1066 614 q 1019 659 1026 657 q 1005 660 1013 660 q 953 603 983 627 q 899 546 923 579 q 888 491 891 519 q 882 435 885 462 q 931 306 915 373 q 953 166 948 240 l 988 161 l 1002 169 m 766 364 l 793 394 l 793 405 l 777 424 l 671 432 q 630 429 652 429 q 592 421 609 429 l 587 397 q 604 372 592 383 q 630 356 617 362 q 665 348 646 351 q 703 345 684 345 q 736 352 720 348 q 766 364 752 356 m 777 571 l 790 581 l 793 603 q 778 626 788 617 q 755 644 769 636 q 710 653 733 652 q 663 655 687 655 q 627 644 644 652 q 598 619 611 636 q 588 603 592 611 q 587 584 584 595 l 606 565 l 693 554 l 777 571 "}},"cssFontWeight":"normal","ascender":1194,"underlinePosition":-96,"cssFontStyle":"normal","boundingBox":{"yMin":-180.125,"xMin":0,"yMax":1161.03125,"xMax":1348.203125},"resolution":1000,"original_font_information":{"postscript_name":"minamoji_1331828706965","version_string":"Version 1.1","vendor_url":"","full_font_name":"minamoji_1331828706965","font_family_name":"minamoji_1331828706965","copyright":"fub","description":"","trademark":"minamoji_1331828706965","designer":"","designer_url":"","unique_font_identifier":"minamoji_1331828706965","license_url":"","license_description":"","manufacturer_name":"","font_sub_family_name":"Regular"},"descender":-196,"familyName":"minamoji_1331828706965","lineHeight":1389,"underlineThickness":48,"custom_option":{"shadowBlur":"10","shadowOffsetX":"6","shadowOffsetY":"6","shadowColor":"#606060"}});
</script>
<script type="text/javascript">
if (_typeface_js && _typeface_js.loadFace)    _typeface_js.loadFace({"glyphs":{"1":{"x_min":81.375,"x_max":614.71875,"ha":692,"o":"m 249 70 q 218 80 233 73 q 189 97 203 86 q 173 128 179 111 q 168 166 168 146 q 233 461 203 313 q 290 755 263 609 q 280 781 287 769 q 263 804 273 793 q 234 821 249 815 q 200 828 219 828 l 108 804 q 92 813 97 807 q 84 828 86 820 l 81 854 q 96 912 84 884 q 135 963 108 941 q 229 1006 179 992 q 336 1017 279 1019 q 429 988 386 1011 q 508 925 473 965 q 595 729 573 834 q 614 514 617 625 q 576 309 609 408 q 465 130 543 210 q 364 81 419 94 q 249 70 309 67 "},"3":{"x_min":81.375,"x_max":603.578125,"ha":692,"o":"m 320 75 q 240 99 276 81 q 170 149 203 116 q 109 226 135 185 q 81 316 84 267 l 94 343 q 131 363 111 356 q 176 370 151 370 q 204 362 192 367 q 230 348 217 356 q 242 322 241 337 q 246 294 244 307 l 244 237 q 252 215 246 226 q 268 196 257 204 q 317 170 290 177 q 375 166 344 164 q 424 188 402 172 q 465 226 446 204 q 492 288 486 253 q 495 362 497 324 q 481 428 492 397 q 443 484 470 459 q 385 499 419 503 q 325 516 351 495 l 311 562 l 330 611 q 391 626 359 627 q 446 649 424 625 q 476 716 470 679 q 481 790 481 752 q 472 849 481 820 q 438 900 462 878 q 394 926 419 919 q 339 930 370 933 q 306 915 322 925 q 276 889 290 906 q 264 826 263 862 q 246 763 265 790 q 211 747 230 752 q 170 741 192 741 q 142 750 157 744 q 116 766 127 755 q 107 789 108 777 q 105 815 105 801 q 141 881 116 851 q 192 941 165 911 q 286 1002 233 984 q 402 1014 339 1019 q 474 990 440 1009 q 535 938 508 971 q 576 847 568 897 q 581 741 584 796 q 564 678 576 709 q 527 622 552 646 q 486 603 508 609 q 446 584 465 598 l 438 557 q 447 542 440 549 q 462 533 454 535 q 511 520 486 527 q 552 492 535 514 q 592 408 581 454 q 603 310 603 362 q 580 219 600 261 q 524 141 560 177 q 432 88 484 103 q 320 75 381 73 "},"字":{"x_min":105.796875,"x_max":1283.09375,"ha":1389,"o":"m 590 -73 q 556 -61 571 -70 q 527 -35 541 -51 q 511 -6 516 -21 q 508 27 505 8 l 524 54 l 552 56 q 587 44 571 51 q 625 37 603 37 l 652 56 q 690 118 679 84 q 701 191 701 153 q 680 279 695 237 q 638 356 665 321 l 617 373 l 644 391 q 657 421 652 405 q 660 457 663 438 l 638 538 l 644 549 l 668 557 q 698 547 682 552 q 733 546 714 543 q 786 572 763 552 q 831 617 809 592 q 854 644 842 630 q 866 676 866 657 l 842 679 q 651 621 747 652 q 451 584 554 590 q 410 592 429 587 q 375 614 391 598 q 359 659 362 636 q 356 709 356 682 q 366 756 359 733 q 391 798 373 779 q 417 811 402 809 q 448 815 432 812 q 664 747 560 793 q 882 703 769 701 q 944 733 918 709 q 1002 763 969 758 q 1030 750 1015 758 q 1055 728 1044 741 q 1066 709 1060 720 q 1071 687 1071 698 l 1055 671 q 916 630 986 649 q 790 560 847 611 q 762 505 769 535 q 755 443 755 476 q 763 408 758 424 q 785 378 769 391 l 804 370 l 804 367 q 770 341 785 359 q 747 305 755 324 l 741 245 q 762 166 750 204 q 777 84 774 127 q 755 24 774 51 q 714 -27 736 -2 q 656 -59 687 -48 q 590 -73 625 -70 m 176 269 q 157 279 165 272 q 141 294 149 286 q 126 340 130 316 q 122 391 122 364 q 130 434 124 413 q 154 470 135 454 q 184 480 168 478 q 219 481 200 481 q 370 431 298 462 q 519 375 443 400 l 519 373 q 350 313 432 351 q 176 269 268 275 m 1171 272 q 1019 325 1093 291 q 863 373 945 359 q 1030 432 950 397 q 1201 478 1109 467 q 1227 470 1215 476 q 1247 454 1239 465 q 1264 402 1261 429 q 1264 345 1266 375 q 1254 310 1261 326 q 1234 280 1247 294 q 1204 272 1220 272 q 1171 272 1188 272 m 584 367 l 538 373 l 538 375 l 581 378 l 603 373 l 603 370 l 584 367 m 198 668 q 161 680 179 674 q 127 703 143 687 q 111 736 113 717 q 105 774 108 755 q 130 876 111 828 q 181 968 149 925 q 211 984 195 979 q 246 990 227 990 q 290 983 268 987 q 328 968 311 979 l 314 960 q 278 895 292 930 q 260 820 263 859 q 275 764 265 790 q 284 706 284 739 q 269 684 279 693 q 246 671 260 676 l 198 668 m 1163 676 l 1117 701 q 1109 720 1109 709 q 1109 741 1109 731 q 1125 792 1117 766 q 1131 849 1133 817 q 1105 915 1123 884 q 1066 973 1087 946 q 1112 986 1087 981 q 1161 990 1136 990 q 1186 983 1174 987 q 1209 971 1199 979 q 1264 872 1245 925 q 1283 760 1283 820 q 1273 729 1280 744 q 1253 703 1266 714 q 1211 683 1234 690 q 1163 676 1188 676 m 815 892 q 792 897 804 895 q 771 911 779 900 q 756 948 760 927 q 752 990 752 968 l 755 1074 l 747 1093 l 771 1093 q 920 1056 850 1082 q 1052 979 991 1030 l 1055 971 q 937 925 994 949 q 815 892 880 900 m 546 895 q 442 930 492 908 q 339 971 391 952 l 339 976 q 484 1060 405 1033 q 646 1093 562 1087 l 646 1090 l 622 1066 l 619 1047 q 633 1000 625 1022 q 638 952 641 979 l 619 914 q 587 896 606 900 q 546 895 568 892 m 720 1096 l 676 1098 l 660 1096 q 689 1105 674 1104 q 720 1107 703 1107 l 736 1096 l 720 1096 "},".":{"x_min":272.625,"x_max":425.4375,"ha":692,"o":"m 341 52 q 314 61 328 54 q 290 79 301 68 q 273 110 276 92 q 273 146 271 127 l 301 188 q 325 200 311 196 q 356 205 339 205 q 382 196 370 202 q 405 180 394 191 q 421 150 416 167 q 424 114 427 133 l 402 73 q 374 57 389 62 q 341 52 359 52 "},"モ":{"x_min":156.25,"x_max":1208.046875,"ha":1389,"o":"m 961 -75 q 774 -20 863 -62 q 611 94 684 21 q 573 156 590 124 q 562 229 557 188 q 583 305 571 267 q 592 386 595 343 q 579 421 587 405 q 554 451 571 438 q 523 465 541 462 q 486 467 505 467 q 347 423 413 454 q 206 386 282 391 l 176 405 q 158 457 162 429 q 157 514 154 484 q 165 545 160 530 q 181 571 170 560 q 206 584 192 581 q 236 587 219 587 q 372 539 306 571 q 514 503 438 508 l 560 524 q 600 600 587 560 q 611 690 614 641 q 594 745 606 720 q 557 793 581 771 q 527 802 543 801 q 495 804 511 804 q 397 769 443 790 q 292 744 351 747 l 271 758 q 253 798 257 777 q 252 845 249 820 q 273 935 257 892 q 325 1014 290 979 q 493 1102 402 1079 q 682 1125 584 1125 q 865 1094 777 1123 q 1024 995 953 1066 q 1067 907 1055 954 q 1079 807 1079 859 l 1060 752 q 1032 737 1049 741 q 999 736 1015 733 q 870 782 931 752 q 736 812 809 812 l 703 796 q 668 735 679 769 q 655 663 657 701 q 671 584 657 622 q 709 514 684 546 q 752 492 728 495 q 804 492 777 489 q 973 552 891 514 q 1147 598 1055 590 q 1167 590 1158 592 q 1185 576 1177 587 q 1204 523 1199 552 q 1207 465 1209 495 q 1197 423 1204 443 q 1174 386 1190 402 q 1144 377 1161 378 q 1109 375 1128 375 q 934 438 1018 397 q 755 481 850 478 q 729 472 741 478 q 706 457 717 465 q 667 374 679 419 q 657 278 655 329 q 680 210 663 242 q 725 149 698 177 q 771 118 747 127 q 826 108 796 108 q 965 149 899 119 q 1109 183 1032 180 q 1128 172 1120 177 q 1142 155 1136 166 q 1152 113 1150 135 q 1155 70 1155 92 q 1143 17 1152 43 q 1117 -29 1133 -8 q 1046 -69 1087 -59 q 961 -75 1005 -78 "},"フ":{"x_min":243.234375,"x_max":1223.421875,"ha":1389,"o":"m 562 -84 q 470 -48 511 -75 q 391 18 429 -21 q 341 92 362 54 q 322 180 320 130 q 349 238 328 212 q 397 288 370 264 q 712 450 543 386 q 1015 627 880 514 q 1036 668 1029 646 q 1040 717 1044 690 q 1013 763 1029 741 q 975 804 996 785 q 915 824 948 820 q 847 826 882 828 q 585 744 712 801 q 320 676 459 687 l 279 698 q 246 774 252 731 q 244 865 241 817 q 257 919 249 892 q 287 968 265 946 q 345 996 311 990 q 413 1000 378 1003 q 694 929 557 976 q 977 873 831 881 q 1036 884 1010 873 q 1095 895 1063 895 q 1151 840 1128 873 q 1196 774 1174 807 q 1216 698 1209 739 q 1223 617 1223 657 q 1133 340 1207 470 q 953 100 1060 210 q 774 -33 872 21 q 562 -84 676 -89 "}},"cssFontWeight":"normal","ascender":1194,"underlinePosition":-96,"cssFontStyle":"normal","boundingBox":{"yMin":-187.171875,"xMin":0,"yMax":1190.75,"xMax":1367.1875},"resolution":1000,"original_font_information":{"postscript_name":"mofuji_1331828759597","version_string":"Version 1.3","vendor_url":"","full_font_name":"mofuji_1331828759597","font_family_name":"mofuji_1331828759597","copyright":"fub","description":"","trademark":"mofuji_1331828759597","designer":"","designer_url":"","unique_font_identifier":"mofuji_1331828759597","license_url":"","license_description":"","manufacturer_name":"","font_sub_family_name":"Regular"},"descender":-196,"familyName":"mofuji_1331828759597","lineHeight":1389,"underlineThickness":48,"custom_option":{"shadowBlur":"10","shadowOffsetX":"6","shadowOffsetY":"6","shadowColor":"#606060"}});
</script>

<a href="http://winofsql.jp/VA003334/vl.php?mid=typeface&pid=1&id=120310204117" target="_blank"><span class="typeface-js" style="font-family:kirieji_1331828538416;">切絵字1.0</span></a><br />
<span class="typeface-js" style="font-family:minamoji_1331828706965;">水面字1.1</span><br />
<span class="typeface-js" style="font-family:mofuji_1331828759597;">モフ字1.3</span><br />



posted by at 2012-08-25 22:04 | typeface.js | このブログの読者になる | 更新情報をチェックする

2012年08月11日

typeface-0.15.js の他ドメイン css 参照時に起こるバグ修正

非常にレアなんですが、埋め込みフォント3Dフォントを運用しているので結構重要です。

全て自分のサイトでまかなう事になる 3Dフォント では起きないですが、ブログ等への埋め込みを想定している場合は確実に起きます。オリジナルの処理としては、CSS が全く無い場合は新規にそこへ追加するので問題無く、他のドメインで外部 CSS を読み込んでいる時に起きます。

また、面倒な事に必ず起きるのでは無く、そのページの環境に依存するというか、CSS が一つ以上ある場合は先頭を使う事になっているのですが、これが外部だとアウトになります。オリジナルではそういうエラー処理が無いので追加しました。

まず、一覧の中からエラーの起きない CSS を try 〜 catch で選定して、それを使うようにするという処理で、全部エラーだったらうまく動かないので少なくとも一つは自ドメインか、createElement で作成されたものが存在する必要があります。

必ず考えられる問題が発生する環境は、ブログに独自ドメインを割り当てている場合で、元のドメインでもアクセスできる場合は、少なくともどちらかでエラーが出る事になるので注意が必要です。

レアな情報でした

832行目から
} else if (document.styleSheets) {

	if (!document.styleSheets.length) { (function() {
		// create a stylesheet if we need to
		var styleSheet = document.createElement('style');
		styleSheet.type = 'text/css';
		document.getElementsByTagName('head')[0].appendChild(styleSheet);
	})() }

	var targetParts = 0;
	for( targetParts = 0; targetParts < document.styleSheets.length; targetParts++ ) {
		try { 
			document.styleSheets[targetParts].insertRule(typefaceSelectors.join(',') + ' { visibility: hidden; }', 0); 
			break;
		} catch(e) {}
	}

	try { 
		document.styleSheets[targetParts].insertRule(
			'.typeface-js-selected-text { \
				color: rgba(128, 128, 128, 0); \
				opacity: 0.30; \
				position: absolute; \
				font-family: Arial, sans-serif; \
				white-space: pre \
			}', 
			0
		);
	} catch(e) {};

	try { 
		// set selection style for Mozilla / Firefox
		document.styleSheets[targetParts].insertRule(
			'.typeface-js-selected-text::-moz-selection { background: blue; }', 
			0
		); 

	} catch(e) {};

	try { 
		// set styles for browsers with CSS3 selectors (Safari, Chrome)
		document.styleSheets[targetParts].insertRule(
			'.typeface-js-selected-text::selection { background: blue; }', 
			0
		); 

	} catch(e) {};

	// most unfortunately, sniff for WebKit's quirky selection behavior
	if (/WebKit/i.test(navigator.userAgent)) {
		document.styleSheets[targetParts].insertRule(
			'.typeface-js-vector-container { position: relative }',
			0
		);
	}

}



posted by at 2012-08-11 21:44 | typeface.js | このブログの読者になる | 更新情報をチェックする
Seesaa の各ページの表示について
Seesaa の 記事がたまに全く表示されない場合があります。その場合は、設定> 詳細設定> ブログ設定 で 最新の情報に更新の『実行ボタン』で記事やアーカイブが最新にビルドされます。

Seesaa のページで、アーカイブとタグページは要注意です。タグページはコンテンツが全く無い状態になりますし、アーカイブページも歯抜けページはコンテンツが存在しないのにページが表示されてしまいます。

また、カテゴリページもそういう意味では完全ではありません。『カテゴリID-番号』というフォーマットで表示されるページですが、実際存在するより大きな番号でも表示されてしまいます。

※ インデックスページのみ、実際の記事数を超えたページを指定しても最後のページが表示されるようです

対処としては、このようなヘルプ的な情報を固定でページの最後に表示するようにするといいでしょう。具体的には、メインの記事コンテンツの下に『自由形式』を追加し、アーカイブとカテゴリページでのみ表示するように設定し、コンテンツを用意するといいと思います。


※ エキスパートモードで表示しています

アーカイブとカテゴリページはこのように簡単に設定できますが、タグページは HTML 設定を直接変更して、以下の『タグページでのみ表示される内容』の記述方法で設定する必要があります

<% if:page_name eq 'archive' -%>
アーカイブページでのみ表示される内容
<% /if %>

<% if:page_name eq 'category' -%>
カテゴリページでのみ表示される内容
<% /if %>

<% if:page_name eq 'tag' -%>
タグページでのみ表示される内容
<% /if %>
この記述は、以下の場所で使用します